Question

尝试使整个菜单保持水平，但主页链接一直在逃避

            <div id="navmenu">
<ul>
</li><a href="<?php echo get_settings('home'); ?>">Home</a></li>
<li><?php wp_nav_menu( array( 'theme_location' => 'main-menu' ) ); ?></li>
</ul>
</div>

和css

#navmenu ul {margin: 0; padding: 0; 
list-style-type: none; list-style-image: none; float: right; }
#navmenu li {display: inline; padding: 5px 5px 35px 5px}
#navmenu a {text-decoration:none; color: white; }
#navmenu a:hover {color: purple; }

提前致谢！

Answer 1

wordpress wp_nav_menu项目正在您放置它的位置输出DIV和UL。输出将是：

<ul>
   <li>Home</li>
   <li>
        <!-- call to wp_nav_menu -->
           <div>
               <ul>
                 <li>...</li>
               </ul>
           </div>
        <!-- end wp_nav_menu -->
   </li>
</ul>

子DIV和UL是显示块并使其转到另一行。

您最好的选择是在管理界面的wordpress菜单中添加主页链接，或通过wp_nav_menu函数添加到ul的开头：

<?php wp_nav_menu( array( 'theme_location' => 'main-menu', 'items_wrap' => '<ul><li id="item-id"><a href="' . get_settings('home') . '">Home</a></li>%3$s</ul>' ) ); ?>

有关详细信息，请参阅codex： http://codex.wordpress.org/Function_Reference/wp_nav_menu

旧的这个地球水平wp菜单问题:)

1 个答案: