NavXT』でパンくずリストを記事タイトル上に表示&カスタマイズ方法。NavXT』でパンくずリストを記事タイトル上に表示&カスタマイズ方法。NavXT』でパンくずリストを記事タイトル上に表示&カスタマイズ方法。4/29ブログカスタマイズURLをコピーしました!miraiこんにちわ🙂mirai(@m__style33)です。今回はJINの『パンくずリスト』をカスタマイズしたいと思います。JINにはもともと簡単にパンくずリストを表示する機能がついているんですけど、表示が記事下なんですよね。NavXTのインストールまずはプラグインをインストールします。WordPressの管理画面から、[プラグイン]→[新規追加]をクリック。今すぐインストールをクリック。[jin-yohaku35]これでインストールできました。NavXT]に進んで細かい設定などカスタマイズしていきます。一般ここでは区切りやトップページなどの設定ができます。パンくずの区切りここで区切りの文字の変更ができます。デフォルトでは『>』という記号になってます。Awesomeのアイコンを使うことも可能です。』(caret-right)を使っていてCSSでカラーとサイズを変更しています。現在の項目にリンクここでは今現在開いてるページにもリンクを貼るか貼らないかの設定ができます。このブログではチェックを外してます。ホームページパンくず[jin-yohaku10]パンくずにホームページを含めるにチェックを入れる。パンくずリストの1番最初をブログのトップページにするかの設定です。%title%."を削除or変更。%title%."を個人的には特に必要ないので削除していますが、titleが必要であれば変更などしてそのまま残しても大丈夫です。2ヵ所の%title%を好きなものに変更。ホームページテンプレート&ホームページテンプレート(リンクなし)欄の%title%がデフォルトではブログのタイトルになっているため、[HOME]や[TOP]などわかりやすいものに変更しちゃいましょう。そのままでも問題ありません。Awesomeのアイコンを使えます。Awesome投稿タイプここでは投稿の階層の表示など投稿タイトルのパンくずリストの設定ができます。投稿テンプレート投稿ページの記事タイトルの前にアイコンをつけたい場合、赤い部分(%htitle%の前)にコードを追加してください。カテゴリーのままでOKです。好みがあれば他のに変えましょう。タクソノミーここではカテゴリーやタグのパンくずリストの設定ができます。カテゴリーテンプレートカテゴリー名の前にアイコンをつけたい場合、赤い部分(%htitle%の前)にコードを追加してください。その他ここでは404ページなどのパンくずリストの設定ができます。?></div>[jin-yohaku10]本来は、header.phpやsingle.phpに上のコードを追加するのがいいと思うんですが、今回はウィジェットを使って手っ取り早く設置する方法を書いていきたいと思います。ウィジェットで設置する方法[jin-yohaku10]WordPressの管理画面から、[外観]→[ウィジェット]をクリック。NavXT]を右にある[記事上部]にドラッグ。[jin-yohaku35]これで設置は完了です✨あっとゆう間に表示できちゃいます。style=”maru”]パンくずリストを上に持ってきたら、パンくずリストと記事タイトルで同じ文が並んでうっとうしいから、パンくずリストの記事タイトルは表示しないようにしたいなー。[/chat]これだと長いタイトルが二重に表示されるので、ちょっとしつこい感じがしちゃいますよね。パンくずリストの記事タイトルを非表示にしたいと思います。'foo_pop');[jin-yohaku10]WordPressの管理画面から、[外観]→[テーマエディター]に進んでこのコードを使用するテーマのfunctions.phpに追加してください。size=”23px”]ミスがあるとサイトが表示されなくなるので必ずバックアップを取ってから行ってくださいね😌[jin-yohaku25]パンくずリストのカスタマイズ&まとめこのブログでのパンくずリストのカスタマイズはこちら。パンくずリストの表示を記事上に。区切りの記号をアイコンに変更。HOMEとカテゴリー名の前にアイコンを追加。記事タイトルを非表示に。記事下にあるよりも記事上にあることで目にとまりやすくなりました!ぜひパンくずリストを設置してブログの回遊率を高めましょう✨[※追記]この記事ではパンくずの区切りで区切りのマークを設定してますが、パンくずリストのタイトルを非表示にした場合、最後のカテゴリー名のあとに区切りが表示されなかったため、現在はホームページテンプレートとカテゴリーテンプレートの1番最後にアイコンを設定しています。それから固定ページにもパンくずリストを表示したかったため、現在はウィジェットではなくsingle.phpとpage.phpに設置しています。※サイト次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。Δmirai4歳児と1歳児のママ仕事をしながらやんちゃボーイ(まめたん)と食欲旺盛ガール(ももたん)の大福みたいな兄妹の子育てに奮闘しつつ日々全力で楽しみたい女。Proフォント写真SONYα6600SEL35F18エアリーフォトふんわり写真INDEXTOP閉じるIndex閉じる。