2023/05/20これまでWordPressのオリジナルテーマを作成したが、パンくずリストを自作したので作成方法について解説する。プラグインを使用しないのは余計な処理を読み込んでサイトスピードに影響を及ぼすことを考慮してのことだが、よくわからないロジックを組み込むのは単純に気持ち悪いと考えてのことだ。この記事は、プラグインを使用せずパンくずリストを作成したいという人向けの解説記事である。パンくずリスト自作まとめパンくずリスト作成プログラム(コピペOK)プログラムはPHPのメイン処理、表示用HTML、デザインのCSVという形で分けて紹介する。パンくずリスト作成するメインロジックはfunction.phpに作成する。"</ul>";}パンくずリストを出力したい箇所には下記ロジックを埋め込んで、function.phpで作成した関数を呼び出してリスト表示をする。</div>デザインはこちら。“>”」で指定しているので任意で変更するとよい。.3em;}パンくずリストの画面分岐パターンページの種類毎に表示するパターンが異なるためIF文で分岐している。この辺は作成したオリジナルテーマの画面構成で変更すると良いだろう。プログラム例の分岐パターンはトップ、カテゴリ、アーカイブ、単一投稿ページ、検索結果ページ、404エラーページ6パターンに分岐する処理にしてある。作成したサイト構成によって処理を削っても良いだろう。使用している主なWordPress関数について説明する。多いので以下羅列するが必要な所だけ見てもらえば良いし、深く理解が不要なら読まなくてもよい。この関数は、指定した情報タイプに関連するサイト情報を取得します。指定しているため、サイトのホームURLを取得している。この関数は、現在のページがフロントページ(通常はサイトのトップページ)である場合にtrueを返却する。この関数は、現在のページがカテゴリーアーカイブページである場合にtrueを返却する。この関数は、現在のページのメインオブジェクトを取得する。カテゴリーアーカイブページの場合、カテゴリーオブジェクトが返却される。この関数は、指定されたカテゴリーIDに関連するカテゴリーオブジェクトを取得する。この関数は、指定されたカテゴリーIDに関連するカテゴリーアーカイブページのURLを取得する。この関数は、現在のアーカイブページのタイトルを出力する。ここでは、開始タグと終了タグを指定して、アーカイブタイトルをリスト要素の中に出力している。この関数は、現在のページがアーカイブページ(カテゴリーアーカイブ、タグアーカイブ、月別アーカイブなど)である場合にtrueを返す。この関数は、指定されたクエリ変数の値を取得します。取得して、年と月の情報を利用する。この関数は、現在のページが投稿ページである場合にtrueを返却する。この関数は、現在の投稿のカテゴリーオブジェクトの配列を取得する。この関数は、現在の投稿または固定ページのタイトルを出力します。ここでは、開始タグと終了タグを指定して、タイトルをリスト要素の中に出力する。この関数は、現在のページが検索結果ページである場合にtrueを返却する。この関数は、検索フォームで入力された検索クエリを取得する。この関数は、現在のページが404エラーページ(存在しないページにアクセスされた場合のエラーページ)である場合にtrueを返却する。パンくずリストとはパンくずリストとは、現在のページの位置をサイト内の階層構造で指名したものである。サイト内のユーザーの利便性向上のためつけるものであるが、ブログサイトの場合はサイト内の他記事を読んでもらいPV向上には欠かせないアイテムだ。そのためたいていのWebページにはたいてい備わった機能なので、WordPressでオリジナルテーマを作成する場合は付けておくことをオススメする。パンくずリストはわざわざ自作せずともプラグインで簡単に設定することも可能だが、プラグインはどんな処理をしているか分からない気持ち悪さと、余計なファイル読み込みが発生する可能性があるため、オリジナルテーマを作成する場合はパンくずリストもDIYしてしまうのが良い。パンくずリスト自作まとめパンくずリスト作成方法について紹介した。基本的にコピペで動かしてみてから独自のカスタマイズを加えてみることをオススメする。コピペだけじゃ何も面白くも無いので是非やってみて欲しい。結局は自分で考えて作るのが良い。パンくずリスト自作も結局はやるやつはやるし、やらないやつはやらない。スマホとPC対応のナビゲーションメニューハンバーガーメニュー不要論:ユーザーエンゲージメント向上のためのウェブ...SEOに効果大!WordPressサイトの表示速度改善テクニックと実践...Bootstrapを使ってWordPressページネーションを自作する...SEOを強化するWordPressの目次の簡単自作法:プラグインは不要...WordPressオリジナルテーマへのトップページへ戻るボタン追加(j...WordPressオリジナルテーマへのmetaディスクリプション追加(...NORIAKI昭和生まれ。大学は情報工学を専攻、都内IT関係企業に数年勤務→転職しメーカ社内SEになる。