Question

我能够为WordPress Twenty Ten主题创建第二个菜单，并将其添加到我孩子主题的页脚中。我在子主题页脚中修改的代码如下：

<div id="site-info">
<!-- EDIT -->
Copyright (c) 2013 Acme Inc. All rights reserved.
<?php wp_nav_menu( array( 'theme_location' => 'footer-menu' ) ); ?>
<!-- EDIT -->
</div><!-- #site-info -->

页脚菜单有效，但格式不正确。当前格式如下：

Copyright (c) 2013 Acme Inc. All rights reserved.
- Privacy Policy
- Terms & Conditions

我想要格式化所以一切都与“|”保持一致符号分离隐私政策和条款＆amp;条件。我也想放下子弹（不确定它们来自哪里？）。像这样：

Copyright (c) 2013 Acme Inc. All rights reserved. Privacy Policy | Terms & Conditions

我认为这是一个CSS问题，但我不确定？

浏览器呈现的页脚部分：

    <div id="footer" role="contentinfo">
        <div id="colophon">
            <div id="site-info">
                <!-- EDIT -->
                Copyright &copy; 2013 Acme Inc. All rights reserved.
                <div class="menu-footer-container">
                <ul id="menu-footer" class="menu">
                    <li id="menu-item-48" class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-41 current_page_item menu-item-48">
                        <a href="http://www.kb8b.com/?page_id=41">Privacy Policy</a>
                    </li>
                    <li id="menu-item-49" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-49">
                        <a href="http://www.kb8b.com/?page_id=39">Terms & Conditions</a>
                    </li>
</ul></div>                <!-- EDIT -->
            </div><!-- #site-info -->

            <div id="site-generator">
                <!-- EDIT -->
                <!-- EDIT -->
            </div><!-- #site-generator -->

        </div><!-- #colophon -->
    </div><!-- #footer -->

</div><!-- #wrapper -->

Answer 1

在子主题目录的style.css中，添加以下行：

ul#menu-footer li
{
    float: left;
    list-style: none;
}

您还必须将宽度设置为<ul>本身并调整其位置。

Answer 2

为列表元素设置display属性为inline或inline-block。

Answer 3

以单身和单身表演删除子弹使用代码： -

 .menu-footer-container ul li
{
    float: left;
    list-style:none;
}

WordPress页脚菜单 - 单行格式

3 个答案: