چگونگی فعال کردن و نمایش فهرست دلخواه در پوسته وردپرس

function reg_menu() {

    register_nav_menus(

        array(

                'top-menu' => __( 'Top Menu' )

            )

    );

}

function reg_menu() {

    register_nav_menus(

        array(

            'side-menu' => __( 'Side Menu' ),

            'top-menu' => __( 'Top Menu' )

            )

    );

}

add_action( 'init', 'reg_menu' );

<div id="main-nav">

    <?php wp_nav_menu(array('theme_location' => 'top-menu', 'container' => '')); ?>

</div>

#main-nav   {

    height: 30px; /* set to the height you want your menu to be */

    margin: 0 0 10px; /* just to give some spacing */

    text-decoration: none; cursor: pointer;

}

#main-nav ul    {

    margin: 0; padding: 0; /* only needed if you have not done a CSS reset */

    text-decoration: none; cursor: pointer;

}

#main-nav li    {

    display: block;

    float: right;

    line-height: 30px; /* this should be the same as your #main-nav height */

    height: 30px; /* this should be the same as your #main-nav height */

    margin: 0; padding: 0; /* only needed if you don't have a reset */

    position: relative; /* this is needed in order to position sub menus */

    text-decoration: none; cursor: pointer;

    border: 1px dashed #CDD0D1;

    border-radius: 3px 3px 3px 3px;

    box-shadow: 0 0 0 4px #6D3600, 2px 1px 6px 4px rgba(10, 10, 0, 0.5);

    background: #6D3600;

    color: #ffffff;

}

#main-nav li a  {

    display: block;

    height: 30px;

    line-height: 30px;

    padding: 0 15px;

    text-decoration: none; cursor: pointer;

}

#main-nav .current-menu-item a, #main-nav .current_page_item a, #main-nav a:hover {

    color: #ffffff;

    background: #592505;

    text-decoration: none; cursor: pointer;

}

#main-nav ul ul { /* this targets all sub menus */

    display: none; /* hide all sub menus from view */

    position: absolute;

    top: 30px; /* this should be the same height as the top level menu -- height + padding + borders */

    text-decoration: none; cursor: pointer;

    padding:0;

    margin: 0;

}

#main-nav ul ul li { /* this targets all submenu items */

    float: none; /* overwriting our float up above */

    width: 150px; /* set to the width you want your sub menus to be. This needs to match the value we set below */

    text-decoration: none; cursor: pointer;

}

#main-nav ul ul li a { /* target all sub menu item links */

    padding: 5px 10px; /* give our sub menu links a nice button feel */

    text-decoration: none; cursor: pointer;

    padding:0;

    margin: 0;

        text-align: center;

}

#main-nav ul li:hover > ul {

    display: block; /* show sub menus when hovering over a parent */

    text-decoration: none; cursor: pointer;

    border: 1px dashed #CDD0D1;

    border-radius: 3px 3px 3px 3px;

    box-shadow: 0 0 0 4px #6D3600, 2px 1px 6px 4px rgba(10, 10, 0, 0.5);

    background: #6D3600;

    color: #ffffff;

}

#main-nav ul ul li ul {

    /* target all second, third, and deeper level sub menus */

    right: 150px; /* this needs to match the sub menu width set above -- width + padding + borders */

    top: 0; /* this ensures the sub menu starts in line with its parent item */

    text-decoration: none; cursor: pointer;

}

/* ------- body2 ------- */

.body2 {width: 960px;margin: 5px auto;color: #666;text-align:right;font-family:BYekan, Tahoma;

font-size:13px;}

a {color: #333;}

#nav {margin: 0;padding: 7px 6px 0;background: #7d7d7d url(images/gradient.png) repeat-x 0 -130px;line-height: 100%;border-radius: 2em;

 -webkit-border-radius: 2em;

 -moz-border-radius: 2em;

 -webkit-box-shadow: 0 1px 3px rgba(0,0,0, .4);

 -moz-box-shadow: 0 1px 3px rgba(0,0,0, .4);

}

#nav li {margin: 0 5px;padding: 0 0 8px;float: right;position: relative;list-style: none;}

/* main level link */

#nav a {font-weight: bold;color: #e7e5e5;text-decoration: none;display: block;padding: 8px 20px;margin: 0;

 -webkit-border-radius: 1.6em;

 -moz-border-radius: 1.6em;

 text-shadow: 0 1px 1px rgba(0,0,0, .3);

}

#nav a:hover {background: #000;color: #fff;}

/* main level link hover */

#nav .current a, #nav li:hover > a {background: #666 url(images/gradient.png) repeat-x 0 -40px;color: 37badc;

 -webkit-box-shadow: 0 1px 1px rgba(0,0,0, .2);

 -moz-box-shadow: 0 1px 1px rgba(0,0,0, .2);

 box-shadow: 0 1px 1px rgba(0,0,0, .2);

 text-shadow: 0 1px 0 rgba(255,255,255, 1);

}

/* sub levels link hover */

#nav ul li:hover a, #nav li:hover li a {background: none;border: none;color: #666;

 -webkit-box-shadow: none;

 -moz-box-shadow: none;

}

#nav ul a:hover {

 background: #0078ff url(images/gradient.png) repeat-x 0 -100px !important; color: #fff !important;

 -webkit-border-radius: 0;

 -moz-border-radius: 0;

 text-shadow: 0 1px 1px rgba(0,0,0, .1);

}

/* dropdown */

#nav li:hover > ul {display: block;}

/* level 2 list */

#nav ul {display: none;margin: 0;padding: 0;width: 185px;position: absolute;top: 35px;left: 0;background: #ddd url(images/gradient.png) repeat-x 0 0;border: solid 1px #b4b4b4;

 -webkit-border-radius: 10px;

 -moz-border-radius: 10px;

 border-radius: 10px;

 -webkit-box-shadow: 0 1px 3px rgba(0,0,0, .3);

 -moz-box-shadow: 0 1px 3px rgba(0,0,0, .3);

 box-shadow: 0 1px 3px rgba(0,0,0, .3);

}

#nav ul li {float: none;margin: 0;padding: 0;}

#nav ul a {font-weight: normal;text-shadow: 0 1px 0 #fff;}

/* level 3+ list */

#nav ul ul {left: 181px;top: -3px;}

/* rounded corners of first and last link */

#nav ul li:first-child > a {

 -webkit-border-top-left-radius: 9px;

 -moz-border-radius-topleft: 9px;

 -webkit-border-top-right-radius: 9px;

 -moz-border-radius-topright: 9px;

}

#nav ul li:last-child > a {

 -webkit-border-bottom-left-radius: 9px;

 -moz-border-radius-bottomleft: 9px;

-webkit-border-bottom-right-radius: 9px;

 -moz-border-radius-bottomright: 9px;

}

/* clearfix */

#nav:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}

#nav {display: inline-block;}

html[xmlns] #nav {display: block;}

* html #nav {height: 1%;}

<div class="body2">

<ul id="nav">

<li><a href="#">صفحه اصلی</a></li>

<li><?php wp_list_cats('sort_column=NAME&optioncount=0&hierarchical=1'); ?></li>

<li><a href="#">درباره ما</a></li>

<li><a href="#">تماس با ما</a></li>

</ul></div>

<?php wp_list_cats('sort_column=NAME&optioncount=0&hierarchical=1'); ?>