0

WordPress Twenty Tenテーマの2番目のメニューを作成し、それを子テーマのフッターに追加することができました。子テーマフッターで変更したコードは次のとおりです。 

<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

すべてが「|」で1行に収まるようにフォーマットしたい プライバシーポリシーと利用規約を区切る記号。また、弾丸を緩めたいです（どこから来たのかわかりませんか？）。そのようです：

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

3 に答える 3

0

リスト要素として、またはリスト要素のdisplayプロパティを設定します。inlineinline-block

于 2013-01-22T07:03:19.913 に答える
0

style.css子テーマ ディレクトリに、次の行を追加します。

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

また、それ自体に幅を設定し、<ul>その配置をいじる必要があります。

于 2013-01-22T06:57:13.380 に答える
-1

単一で表示して箇条書きを削除するには、コードを使用します:-

 .menu-footer-container ul li
{
    float: left;
    list-style:none;
}
于 2013-01-22T07:07:46.793 に答える