wordpress主题开发:添加菜单

参考链接:

https://www.cnblogs.com/kedarui/p/3618882.html

注册菜单:

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;
}
你也有好的想法?点击右下角的“灯泡”,开始你的创作。与我们一起,让生活更愉悦,让工作更高效,让世界更美好!
0 条回复 A 作者 M 管理员
    所有的伟大,都源于一个勇敢的开始!
欢迎您,新朋友,感谢参与互动!欢迎您 {{author}},您在本站有{{commentsCount}}条评论