グローバルナビゲーション：子を持つ親ページにクラス属性を付与したい

  • 解決済 yamayama

    (@yamayama)


    11年、 3ヶ月前

    前回グローバルナビゲーションのメニューの表示について、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)

    11年、 2ヶ月前

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

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

    nobita

    (@nobita)

    11年、 2ヶ月前

    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)

    11年、 2ヶ月前

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

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

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

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