プラグイン「FullSite-Patterner」でパンくずリストを表示させるには、次のphpファイルが関係しています。
shortcode.phpは、パンくずリストを表示させたい各ページの表示個所に、ショートコードのブロックを配置して、phpファイルの読み込みを行うものです。
breadcrumb.phpは、パンくずリストをシンプルなpタグのみで囲まれたテキストで生成し、出力します。
![]() | パンくずリストを表示させるためのショートコードの設定。 |
![]() | パンくずリストを表示させるための処理を行う。 |
生成されるパンくずリスト
個別ページ
トップページのタイトル(URLへのリンク) > カテゴリーページ等のタイトル(URLへのリンク) > 個別ページのタイトル
カテゴリーページ
トップページのタイトル(URLへのリンク) > カテゴリーページ等のタイトル
固定ページ・検索結果ページ・404ページ等
トップページのタイトル(URLへのリンク) >ページのタイトル
パンくずリストの表示
パンくずリストは、各ページの表示させたい箇所に、phpファイル呼び出しのショートコードを挿入する必要があります。
ブロックパターン(breadcrumb-with-plugin)でも用意しています。
ページの表示させたい箇所に、ブロックを挿入します。

空白の段落が挿入され、右側の「+」マークをクリックして、ブロックを選択します。

左側メニューの「ブロック」から「ショートコード」ブロックを選択し、挿入。
phpプログラム呼び出しコードを記載します。
[myphp file='breadcrumb']
右上の「保存」ボタンをクリックして、ページを更新すればパンくずリストが表示されます。

または、「ショートコード」ブロックではなく、左側メニューの「パターン」から、ショートコード記載済のブロックパターン(breadcrumb-with-plugin)を選択して挿入すれば、同じ編集結果となります。
