SWELL│パンくずの表示を追加するカスタマイズ

swell-breadcrumb-add

SWELLで投稿記事の位置を特定の固定記事の階層下にしたい場合があるとします。

※本サイトもその設定です。

WordPressカスタマイズ(親の固定記事)
 L ブログ(子の固定記事 投稿ページのアーカイブを設定)
   L カテゴリー(例:SWELL)
     L 投稿記事

上記の設定をした場合に、投稿記事から見たのパンくず表示が、投稿ページの設定(ブログ)からの表示されてしまう仕様になっています。

このままだとパンくずの階層が正確ではないので、SWELLのフックを使って正しいパンくず表示に修正してみました。

かなりニッチなカスタマイズになりますが、SWELLのパンくずをフックを使ってカスタマイズできる参考例として紹介します。

目次

SWELLのパンくず表示を追加するカスタマイズ

SWELLのパンくず表示を追加するカスタマイズはfunctions.phpをコードを挿入するだけです。

swell_breadcrumb_list_dataというフックを使用しています。

以下、詳しく解説いたします。

functions.phpにコードを挿入する

コードを記述する場所は下記になります。

WordPressの管理画面 > 外観 > テーマファイルエディター > functions.php

functions.phpに下記のコードを挿入してください。

※コードは長いので畳んでいます。

カスタマイズは以上です。

投稿記事のパンくずが変化しているか確認しましょう。

まとめ

本記事ではSWELLのパンくずの表示を追加するカスタマイズを紹介いたしました。

もし特殊なサイト構成にして、パンくずが意図した表示ではない場合に本記事を参考にしてみてください。

before
after

SWELLカスタマイズ全まとめ

SWELLに関連するカスタマイズ記事を全てまとめました。

是非チェックしてみてください。

contact

お問い合わせ

WordPressの技術的なお悩みやご要望がありましたら、お気軽にお問い合わせください。

もちろんデザインに関することも相談できます。

  • 見た目の調整エラー相談その他技術に関する相談をしたい
  • 絞り込み検索オリジナルのブロックを作りたい
  • SEO内部施策構造化データの設定を依頼したい
  • サイトの高速化を診断・依頼したい
  • トップページデザインを依頼したい

この記事を書いた人

すいみんのアバター すいみん テクニカルアーティスト

カナダ在住のテクニカルアーティスト。
大学ではアート(油画)を専攻。卒業後はアニメ・映画・映像・ゲーム業界で、2Dから3DCG、ゲームエンジン、WEB制作まで幅広いコンテンツ制作の経験を積んでいます。デザイナーとエンジニアの中間のポジションでお仕事をするのが得意。

目次
閉じる