コード内容：カスタムメニューのコード例
コードの記述先：任意のテンプレートファイル内
-------------------------------------------------------
<div id="access" role="navigation">
    <?php wp_nav_menu( array( 'container_class' => 'menu-header', 'theme_location' => 'primary' ) ); ?>
</div>
-------------------------------------------------------

出力されるHTML例
-------------------------------------------------------
<div id="access" role="navigation">
    <div class="menu-header">
        <ul id="menu-1" class="menu">
            <li id="menu-item-1" class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-home menu-item-1">
                <a href="http://localhost/">ホーム</a>
            </li>
            <li id="menu-item-2" class="menu-item menu-item-type-post_type menu-i
tem-object-page menu-item-2">
                <a href="http://localhost/about/">紹介</a>
            </li>
            <li id="menu-item-3" class="menu-item menu-item-type-post_type menu-i
tem-object-page menu-item-3">
                <a href="http://localhost/page1/">親ページ1</a>
                <ul class="sub-menu">
                    <li id="menu-item-4" class="menu-item menu-item-type-post_typ
e menu-item-object-page menu-item-4">
                        <a href="http://localhost/page2/">子ページ1</a>
                        <ul class="sub-menu">
                            <li id="menu-item-6" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-6">
                                <a href="http://localhost/page4/">孫ページ1</a>
                            </li>
                        </ul>
                    </li>
                    <li id="menu-item-5" class="menu-item menu-item-type-post_ty
pe menu-item-object-page menu-item-5">
                        <a href="http://localhost/page3/">子ページ2</a>
                    </li>
                </ul>
            </li>
        </ul>
    </div>
</div>
-------------------------------------------------------

コード内容：ドロップダウン表示にするスタイルシート例
コードの記述先：style.css
-------------------------------------------------------
#access{
    background:#000;
    display:block;
    float:left;
    margin:0 auto;
    width:940px;
}
#access .menu-header{
    font-size:13px;
    margin-left:12px;
    width:928px;
}
#access .menu-header ul{
    list-style:none;
    margin:0;
}
#access .menu-header li{
    float:left;
    position:relative;
}
#access a {
    color:#aaa;
    display:block;
    line-height:38px;
    padding:0 10px;
    text-decoration:none;
}
#access ul ul {
    box-shadow:0px 3px 3px rgba(0,0,0,0.2);
    -moz-box-shadow:0px 3px 3px rgba(0,0,0,0.2);
    -webkit-box-shadow:0px 3px 3px rgba(0,0,0,0.2);
    display:none;
    position:absolute;
    top:38px;
    left:0;
    float:left;
    width:180px;
    z-index:99999;
}
#access ul ul li {
    min-width:180px;
}
#access ul ul ul {
    left:100%;
    top:0;
}
#access ul ul a {
    background:#333;
    line-height:1em;
    padding:10px;
    width:160px;
    height:auto;
}
#access li:hover > a,
#access ul ul :hover > a {
    background:#333;
    color:#fff;
}
#access ul li:hover > ul {
    display:block;
}
#access ul li.current_page_item > a,
#access ul li.current-menu-ancestor > a,
#access ul li.current-menu-item > a,
#access ul li.current-menu-parent > a {
    color: #fff;
}
* html #access ul li.current_page_item a,
* html #access ul li.current-menu-ancestor a,
* html #access ul li.current-menu-item a,
* html #access ul li.current-menu-parent a,
* html #access ul li a:hover {
    color:#fff;
}
-------------------------------------------------------