0

Wordpress のwp_nav_menu()機能を使用して、最初に親カテゴリとすべての子カテゴリをドロップダウン サブ メニューのそのカテゴリにレンダリングするナビゲーション メニューがあります。マークアップは次のようになります。

<li id="menu-item-256" class="category-electronics menu-item menu-item-type-taxonomy menu-item-object-category">
    <a class="expander-btn" href="#">
    <div class="drop-down">
        <div class="arrow left"></div>
        <ul class="sub-menu">
            <li id="menu-item-272" class="menu-item menu-item-type-taxonomy menu-item-object-category">
            <li id="menu-item-271" class="menu-item menu-item-type-taxonomy menu-item-object-category">
            <li id="menu-item-270" class="menu-item menu-item-type-taxonomy menu-item-object-category">
            <li id="menu-item-269" class="menu-item menu-item-type-taxonomy menu-item-object-category">
            <li id="menu-item-268" class="menu-item menu-item-type-taxonomy menu-item-object-category">
            <li id="menu-item-267" class="menu-item menu-item-type-taxonomy menu-item-object-category">
            <li id="menu-item-266" class="menu-item menu-item-type-taxonomy menu-item-object-category">
            <li id="menu-item-265" class="menu-item menu-item-type-taxonomy menu-item-object-category">
            <li id="menu-item-264" class="menu-item menu-item-type-taxonomy menu-item-object-category">
            <li id="menu-item-263" class="menu-item menu-item-type-taxonomy menu-item-object-category">
            <li id="menu-item-262" class="menu-item menu-item-type-taxonomy menu-item-object-category">
            <li id="menu-item-261" class="menu-item menu-item-type-taxonomy menu-item-object-category">
        </ul>
    </div>
</li>

子カテゴリを列に分割できるようにしたいのですが (各列に 5 つまたは 6 つのリンクがあります)、これを達成する方法が本当にわかりません。私はこれに30時間近く費やしましたが、役に立たなかったので、どんなアイデアでも大歓迎です。前もって感謝します！

4

1 に答える 1

0

http://codex.wordpress.org/Function_Reference/wp_nav_menu#Using_a_Custom_Walker_Functionをいつでも使用して、適切な HTML マークアップを必要な数の列にフォーマットできます。

CSS のみを使用する別の解決策もあります。の幅<ul>と の幅<li>( は の<ul>2 倍の幅にする必要があります) に幅を設定し、要素を内側<li>にフロートさせます。<li>

  • 最初<li>の列の最初
  • 2<li>列目の 2 番目
  • <li>最初の列の3 番目
  • 等
于 2013-08-08T16:06:31.587 に答える