设置WordPress菜单的格式(无项目符号,内联文本)

时间:2013-01-22 作者:user1822824

我正在尝试将版权声明和页脚菜单添加到我的210个儿童主题的页脚区域。到目前为止,我已经创建了子主题,并在页脚中添加了版权声明和页脚菜单。php文件。

我的子页脚代码。php文件是:

<?php
/**
 * The template for displaying the footer.
 *
 * Contains the closing of the id=main div and all content
 * after. Calls sidebar-footer.php for bottom widgets.
 *
 * @package WordPress
 * @subpackage Twenty_Ten
 * @since Twenty Ten 1.0
 */
?>
    </div><!-- #main -->

    <div id="footer" role="contentinfo">
        <div id="colophon">

<?php
    /* A sidebar in the footer? Yep. You can can customize
     * your footer with four columns of widgets.
     */
    get_sidebar( \'footer\' );
?>

            <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 -->

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

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

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

<?php
    /* Always have wp_footer() just before the closing </body>
     * tag of your theme, or you will break many plugins, which
     * generally use this hook to reference JavaScript files.
     */

    wp_footer();
?>
</body>
</html>
问题在于格式。Everything should be on one line without any bullets. Like:

Copyright (c) 2013 Acme Inc. All rights reserved. Privacy Policy Terms & Conditions
相反,版权声明在自己的一行上,后面是链接(每一行都有项目符号)。

我试过浮动:左;和列表样式:无;。这在某种程度上起作用,但链接仍在单独的行上。也许是我的部门结构?

2 个回复
SO网友:Nerudo

假设菜单具有以下结构

 <div id="site-info">
    Copyright (c) 2013 Acme Inc. All rights reserved.
    <ul class=\'menu\'>
        <li> Privacy Policy</li>
         <li>Terms and conditions</li>
    </ul>
 </div>
您需要添加以下css“

#site-info{
    display: inline-block;
    line-height: 30px; /* adjust to aling everything up or remove */
}
.menu{
       list-style: none; /* to remove the bullets */
       display:inline-block;
}
.menu li{/* this will show all the li tags inline with everything */
    display:inline-block; 
    padding: 0 20px;
}
使用注释进行演示http://jsfiddle.net/NerudoMregi/x8YqP/

SO网友:Jessica

Have you tried display: inline?

结束

相关推荐

尝试将短码/css/html放入IF条件语句

使用WooCommerce插件,我试图根据产品所属的类别,获得不同的模板/外观,以应用于各个产品页面。换句话说,我希望“a”类别中的产品具有一种外观,“Z”类别中的另一种产品具有另一种单独的外观。我意识到有类似的问题被问到,我自己也曾尝试过,但我无法让它们正常工作,所以我想尝试一些不同的方法:我需要放置以下代码:http://pastebin.com/q18EJYZQ在此IF语句中:http://pastebin.com/WkhkEemH或者类似的条件。因此,如果产品的类别为“z”,则会回显第一个past