サポート » 使い方全般 » グローバルナビゲーション:子を持つ親ページにクラス属性を付与したい

  • 解決済 yamayama

    (@yamayama)


    前回グローバルナビゲーションのメニューの表示について、wp_list_pages()の仕様について、ご質問したのですが、今回、「wp nav menu」の表示について、助言いただければ助かります。

    基本的に、前回同様と同じになるのですがjavascriptではなく、functions.phpでの動作がわからなかったので・・・。いろいろといじっても表示がされなかったので、同様の投稿になります。

    <ul class="navi">
    <li class="home"><a href="/">HOME</a></li>
    <li class="page_item"><a href="/">親ページ</a>
    	<ul class="children">
    		<li class="page_item"><a href="/">子ページ</a></li>
    		<li class="page_item"><a href="/">子ページ</a>
    			<ul class="children">
    			<li class="page_item"><a href="/">孫ページ</a></li>
    			</ul>
    		</li>
    	</ul>
    </li>
    <li class="page_item"><a href="/">親ページ</a>
    	<ul class="children">
    		<li class="page_item"><a href="/">子ページ</a></li>
    		<li class="page_item"><a href="/">子ページ</a></li>
    	</ul>
    </li>
    <li class="page_item"><a href="/">親ページ</a></li>
    <li class="page_item"><a href="/">親ページ</a></li>
    </ul>

    <ul class="navi">
    <li class="home"><a href="/">HOME</a></li>
    <li class="page_item child"><a href="/">親ページ</a>
    	<ul class="children1">
    		<li class="page_item"><a href="/">子ページ</a></li>
    		<li class="page_item child"><a href="/">子ページ</a>
    			<ul class="children2">
    			<li class="page_item"><a href="/">孫ページ</a></li>
    			</ul>
    		</li>
    	</ul>
    </li>
    <li class="page_item child"><a href="/">親ページ</a>
    	<ul class="children">
    		<li class="page_item"><a href="/">子ページ</a></li>
    		<li class="page_item"><a href="/">子ページ</a></li>
    	</ul>
    </li>
    <li class="page_item"><a href="/">親ページ</a></li>
    <li class="page_item"><a href="/">親ページ</a></li>
    </ul>

    宜しくお願いします。

3件の返信を表示中 - 1 - 3件目 (全3件中)
  • モデレーター gatespace

    (@gatespace)

    functions.phpでやるなら Walker_Nav_Menu クラスを拡張したのをつくって、それをテーマ側から呼ぶようにします

    http://blog.neo.jp/dnblog/index.php?module=Blog&action=Entry&blog=pg&entry=2684&rand=0cbad

    WordPress 3.7がリリースされると、以下のようなクラスがつくみたいなので、待っているだけで実現するかも

    (3.7rc2のソース)

    <li class="page_item page-item-173 page_item_has_children">
    
    	<a href="http://192.168.1.xx/local-wp/?page_id=173">Level 2</a>
    
    	<ul class="children">
    		<li class="page_item page-item-746">
    				<a href="http://192.168.1.xx/local-wp/?page_id=746">
    				Level 3a
    			</a>
    		</li>
    		<li class="page_item page-item-748">
    				<a href="http://192.168.1.xx/local-wp/?page_id=748">
    				Level 3b
    			</a>
    		</li>
    	</ul>
    </li>

    トピック投稿者 yamayama

    (@yamayama)

    gatespace様、nobita様
    連絡ありがとうございます。

    近日中に3.7がリリース(日本語版はもう少しかも…。)されるとの事ですので、今しばらく待つことにします。
    gatespace様、nobita様

    答えまでたどり着けず悩んでいたので、非常に助かります。
    ありがとうございました。
    「Walker_Nav_Menu」についても、意図しているよう動くかどうか試してみます。

3件の返信を表示中 - 1 - 3件目 (全3件中)
  • トピック「グローバルナビゲーション:子を持つ親ページにクラス属性を付与したい」には新たに返信することはできません。