公開日:2017年8月29日Plusersパンくずリストを、TOPページ以外の記事やカテゴリページなどの一覧ページに設置することで、ユーザーがサイトのどの位置にいるのかを視覚的にわかりやすくし、内部リンクによるSEO的な効果も期待できます。今回は、WordPressのテーマにプラグインなしでパンくずリストを設置する方法を各ページごとにご紹介します。CONTENTSパンくずリストを作成する記事の投稿ページのパンくずリスト固定ページのパンくずリストアーカイブページ(index・category・tagなどの一覧ページ)のパンくずリストCSSでパンくずリストのデザインを整えるパンくずリストを作成する各ページごとのパンくずリストは、『TOPページ>各ページごとの内容>現在のページ』という構成で作成していきます。ページによって出力する内容が違うので、一つ一つ作成し・設置していきましょう。記事の投稿ページのパンくずリストまずは、ユーザーに一番見られる投稿記事のパンくずリストを作成・設置しましょう。パンくずリストを投稿記事に追加するためのコードは下記の通りです。</ol></div>上記のコードをパンくずリストを出力したい箇所に挿入することで、パンくずリストを出力することができます。上記のコードでは、記事に設定されているカテゴリを、階層ごと取得し『TOP>親カテゴリ>子カテゴリ>現在のページ』という形で出力します。カテゴリは下記の箇所で出力しています。?>上記の記述では記事に設定されているカテゴリを、親カテゴリを含めて取得し、すべて出力します。パラメーターで各カテゴリを区切る文字列を『</li><li>』とし、リスト形式で出力されるように設定しましょう。カテゴリではなくタグを出力するパンくずリストにカテゴリではなく、タグを出力したい場合は、下記のように書き換えることで変更することができます。?><li>固定ページのパンくずリスト固定ページに出力するパンくずリストでは、親ページがある場合には親ページを出力し、ない場合はそのまま現在のページを出力します。</ol></div>アーカイブページ(index・category・tagなどの一覧ページ)のパンくずリストアーカイブページとは、index.phpやarchive.php・category.phpなどによって出力される、記事一覧を出力するためのテンプレートです。アーカイブページを出力するテンプレートは、お使いのテーマによって様々です。ご自身のWordPressで利用しているテーマをしっかりチェックしてから追加してください。お使いのテーマをチェックし、下記のテンプレートがあるかをチェックしてみてください。index.phparchive.phpcategory.phptag.phpdate.phpauthor.php上記のテンプレートの中で、『index.php』しかない場合は、『index.php』で一覧ページすべてが出力されます。『index.php』と『archive.php』の2つのテンプレートがある場合は、『archive.php』で一覧ページすべてが出力されます。『index.php』と『archive.php』以外のテンプレートがある場合は、それぞれ設定されているテンプレートで一覧ページが出力されます。※それぞれのテンプレートはあっても『archive.php』がない場合もあります。アーカイブページは、テンプレートがあるかないかによって出力先が変わるのです。各テンプレートの優先順位は下記の通りです。index.phpテンプレートがテーマ内にあるかないかを判別し、優先順位の高い順に適応されます。基本的には、archive.phpもしくは、index.pheにまとめられているテーマが多いので、そちらから順に解説していきます。index.phpもしくは、arcive.phpに記述する場合index.phpもしくはarchive.phpに記述する場合は、出力しているのがアーカイブの種類を条件分岐で判別して出力します。</ol></div>上記のソースコードを追加することで、アーカイブページを出力するときに、自動的にページを判別してパンくずリストを出力するようになります。各ページの判別は、以下のコードで行っています。{』から『}』までを削除することで除外できます。WordPressテーマ内にアーカイブ用のテンプレートが『index.php』しか無く、『home.php』や『front-page.php』もない場合は、index.phpの上記のソースコードの最初と最後に、条件分岐を追加することで、TOPページ以外の一覧ページにパンくずリストを出力することができます。?>category.phpやtag.phpなどの専用テンプレートに記述する場合wordpressのテンプレート内に、『category.php』『tag.php』『date.php』『author.php』がある場合は、それぞれのテンプレートに下記の記述を追加します。</ol></div>それぞれのテンプレートに各項目を追加することで、各アーカイブページでパンくずリストが出力されるようになります。上記のソースコードを設置した場合は、該当のパンくずリストを『index.php』や『arcive.php』に記述する必要はありませんが、上記の説明でよくわからないという場合は、設置しておいても問題ありません。CSSでパンくずリストのデザインを整えるパンくずリストが、出力されているのを確認したら、CSSでデザインを整えていきましょう。下記にデモCSSを載せておきますので、自分好みにカスタムして使用してください。}}でものCSSをそのまま記述すると、上記の画像のように表示されます。上記のCSSをに加えてテンプレートに合わせて、全体の配置などを調整してください。以上で、パンくずリスト作成は完了です。各ページごとに適切にパンくずリストを設置し、ユーザービリティを向上させましょう。『7.SEOやSNS用にWordPressのheadタグを編集し内部的に最適化する』内のディスクリプションの出力方法を変更しました。『7.SEOやSNS用にWordPressのheadタグを編集し内部的に最適化する』内のコードを修正しました。2019年9月21日WordPressテーマ作成の記事の内容をリニューアルしました。