我正在使用空白主题模板创建wordpress主题,并通过将以下代码添加到header.php来启用菜单:
<body <?php body_class(); ?>>
<div id="navbar"></div>
<div id="wrapper" class="clear">
<nav>
<?php wp_nav_menu( array('theme_location' => 'primary' ) ); ?>
</nav>
Run Code Online (Sandbox Code Playgroud)
并将其添加到functions.php中:
if (function_exists('register_nav_menus')) {
register_nav_menus(
array(
'main_nav' => 'Main Navigation Menu'
)
);
};
Run Code Online (Sandbox Code Playgroud)
当我向页面添加链接时,该菜单显示并正常工作,但是当我添加带有标签Google 的自定义链接说http://www.google.com时,导航栏中则没有任何显示。当我查看源代码时,自定义链接根本没有被填充。
<nav>
<div class="menu">
<ul>
<li class="page_item page-item-9"><a href="http://localhost/wordpress/anatomy/">Anatomy</a></li>
<li class="page_item page-item-11"><a href="http://localhost/wordpress/history/">History</a></li>
<li class="page_item page-item-7"><a href="http://localhost/wordpress/home/">Home</a></li>
</ul>
</div>
</nav>
Run Code Online (Sandbox Code Playgroud)
我的导航的CSS很简单:
nav {
padding:0;
margin:0;
position:absolute;
width: 900px;
}
nav ul li
{list-style: none;
font-family: 'Numans', sans-serif;
font-size: 15px;
color: #ffffff;
text-align:left;
text-transform: …Run Code Online (Sandbox Code Playgroud)