本页目录
- 参考链接:详情
注册菜单:
在 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 主题