怎么添加菜單？ – wordpress開發(fā)

• 參考鏈接：詳情

注冊(cè)菜單：

在function.php中添加以下代碼：

// 定義導(dǎo)航
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：

/*----------------------------------首頁(yè)底部菜單*/
nav ul{
	list-style-type: disc;/*設(shè)置不同的列表樣式：*/
	margin: 0;
	padding: 0;
		}
nav li{
	display: inline;/*display 屬性規(guī)定元素應(yīng)該生成的框的類型。*/
	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;
 ?>
?

來(lái)源于CU主題