菜单的制作
- 参考链接:详情
注册菜单:
在function.php中添加以下代码:
// 定义导航
function register_my_menus() {
register_nav_menus(
array(
'header-menu' => __( '顶部菜单' ),
'extra-menu' => __( '底部菜单' )
)
);
}
add_action( 'init', 'register_my_menus' );
?>
在显示的位置添加:
wp_nav_menu( array( 'theme_location' => 'extra-menu' ) ); ?>
菜单美化
wp_nav_menu( array( 'theme_location' => 'extra-menu' ,
'container' => 'nav',//div或者nav
'container_class' => '4',//菜单Class
'container_id' => 'home-link',//菜单ID
'menu_class' => 'menu',//ul的class
'menu_id' => 'home-link-ul',//ul的id
) ); ?>
CSS:
/*----------------------------------首页底部菜单*/
nav ul{
list-style-type: disc;/*设置不同的列表样式:*/
margin: 0;
padding: 0;
}
nav li{
display: inline;/*display 属性规定元素应该生成的框的类型。*/
float: left;
}
#home-link{
width: 850px;
height: auto;
margin: auto;
background-color: #eaebef;;
}
#home-link-ul li{
margin-right: 10px;
}

代码如下:
<?php
$top_nav = wp_nav_menu( array(
'theme_location' => 'menu-1',
'menu_id' => 'primary-menu',
'echo'=>false,
'after'=>'<span>·</span>'
) );
$top_nav = str_replace( "<span>·</span></li>\n</ul>", "</li>\n</ul>", $top_nav );
echo $top_nav;
?>
来源于CU主题