wp_nav_menu没有应用css

时间:2013-07-26 16:05:12

标签: php html css wordpress

哦,光荣的堆栈,谜我这个;为什么我的wp_nav_menu没有被设计?

我的function.php设置如下:

<?php
if (function_exists('register_nav_menus')) {
    register_nav_menus(array('primary' => 'Header Navigation'));
} 
?>

我的wp_nav_menu设置如下:

<div id="navContainer" class="col-4-5">
    <?php wp_nav_menu(array('container' => 'nav',
                            'container_class' => 'topNav'))?>
  </div>

最后我得到了我的css:

.topNav ul, .topNav li {
    display:inline;
}
.topNav a {
    padding:14px 20px 10px 20px;
    float:left;
    display:inline-block;
    border-right: 1px solid #ddd;
    color:#999;
    text-decoration:none;
}
.topNav a:hover {
    color:#000;
}

我也进入了wp-admin,创建了菜单“topNav”,选择了主题位置“Header Navigation”并添加了一些项目。这些项目显示但没有CSS样式,即文本修饰,内联等......

我在这里缺少什么?

这里也是输出的html:

<div id="navContainer" class="col-4-5">
  <nav class="topNav">
   <ul id="menu-topnav" class="menu">
    <li id="menu-item-11" class="menu-item menu-item-type-custom menu-item-object-custom    menu-item-11">
     <a href="#">Home</a></li>
     <li id="menu-item-12" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-12"><a href="#">Celebrity</a></li>
   </ul>
  </nav>  
</div>

由于 一个Wordpress初学者

1 个答案:

答案 0 :(得分:0)

这是一个问题,请点击此处了解更多信息http://css-tricks.com/compass-compiling-and-wordpress-themes/