wordpress - 像这个地球水平 wp 菜单问题一样古老:)

Question

在这里看到的问题 http://soloveich.com/

试图使整个菜单水平，但主页链接不断逃跑

            <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>' ) ); ?>

有关更多信息，请参阅法典：http: //codex.wordpress.org/Function_Reference/wp_nav_menu