2015/07/20

WordPressのカスタムメニューのパンくず

スポンサーリンク

WordPress…使い始めたばかりですが、こないだ階層のあるナビにカスタムメニューを使ってみて、なかなか便利だなーと思ってたんですが、

ぱんくずどうしよ( ̄ー ̄?)…

と行き詰りました。

Breadcrumb NavXTプラグインも、ホームの次に階層の一番下をいきなり表示してしまって、ちょっとまだカスタマイズの方法もよくわからなかったのでプラグインはあきらめまして。

いろいろググッてみるも、これぞ!というものがなかったので(もしくは理解できなかったので(泣)、

結局jQueryで作ることに。

テストページ

↑テストページはすごく簡単につくったやつですスイマセン。。リンク先とかダミーです。
現在の居場所が「b階層4-3」であることを前提としてます。

今回、パンくずにあたる部分がそのカテゴリの最初の記事だったので、パンくずにリンクはつけてません。
以下、長いですが、カスタムメニューを普通につくると大量のクラスがついてこんな感じになります。とりあえず消したりせずそのまま表示した場合。

ちなみにjQueryと自分のjsをWordPressで使うには、
function.phpに

↑「○○」はファイル名入れてください。
例は、自分のjsファイルを「ルートフォルダ/js/○○.js」に置いた場合です。
jQueryの読み込みに関して、以下のサイトを参考にさせていただきました!ありがとうございます。
WordPress で jQuery を使う時の注意点

WordPressとかphpでできたらなんかもっとスマートなんかなぁ…。
jQuery使うとなんだか負けた気になってしまった・・・( ̄  ̄;) うーん
いい方法あったら教えてください。