【Cocoon】パンくずリストを投稿/カテゴリー/固定の各ページに設置する方法

本記事ではWordPressテーマCocoonを使っている方向けにパンくずリストの設置方法を丁寧に解説していきます。

ブログを始めたばかりの方はパンくずリストの名前すら知らなかったという人も多いと思います。

１項目ずつ丁寧に画像を使って説明していきますし、Cocoon設定をちょいっといじるだけで設置完了しますので、簡単確実に設置ができます。

投稿ページにパンくずリストを設置する

まずは基本の投稿ページにパンくずリストを設置する方法です。これができれば後のカテゴリーページも固定ページも一瞬で理解できます。

Cocoon設定→投稿を選択

一番下の項目「パンくずリスト」を確認

配置したい場所を選択

パンくずリストの配置は次の5種類があります。

表示しないを選択するとパンくずリストは設置されません。その他の位置を選択すると実際どこら辺に設置されるか画像で確認しましょう。

僕のおすすめの位置はメインカラム手前かメインカラムトップの位置ですね。上の方にあった方が訪問者に親切かなと思います。

パンくずリストに記事タイトルを含めるにチェックすると下の画像のようになります。あなたのお好みに合わせて設定してください。

パンくずリストを設置したい場所を選択したら、忘れずに変更をまとめて保存ボタンを押しましょう。これで投稿ページにパンくずリストが設置されました。

カテゴリーページにパンくずリストを設置する

続いてカテゴリーページにパンくずリストを設置する方法です。これは、投稿ページにパンくずリストを設置するのと同じやり方で設置できます。

以前は難しい設定をしなければパンくずリストをカテゴリーページに設置できませんでしたが、

Cocoonのバージョンアップによりカテゴリーページも普通にパンくずリストが表示されるようになりました。

ですので、先ほどの項目「投稿ページにパンくずリストを設置する」をやっていただければそのままカテゴリーページにも反映されます。

投稿ページにパンくずリストを設置するようにこの３ステップをやればOKです。詳しくは前の項目をチェックください。

固定ページにパンくずリストを設置する

本項目では、固定ページにパンくずリストを設置していく方法を確認します。

なんとこちらもたったの３ステップ！しかも投稿ページに設置するときと違うのはCocoon設定→投稿からCocoon設定→固定ページになっただけ

表示しない	パンくずリストなし
メインカラム手前
メインカラムトップ
メインカラムボトム
フッター手前

パンくずリストとは？

パンくずリストの知識もっておくといいかと思います。

パンくずリストは、ウェブサイト内でのウェブページの位置をツリー構造を持ったハイパーリンクの一覧として示すもの。

ウェブディレクトリのような大規模なウェブサイト内で、利用者がサイト内での現在位置を見失わないようにし、ナビゲーションを助けるために使われる。

「パンくずリスト」という名は童話「ヘンゼルとグレーテル」で主人公が森で迷子にならないように通り道にパンくずを置いていったというエピソードに由来する

Wikipediaより

ブログを訪問してくれた人が今どこにいるのかわかりやすくするためのリンクってことですね。

SEO的にも効果があるので、ブログには設置しておくことが望ましいです。

ブログの構造がカテゴリーでしっかり管理できているとパンくずリストも威力を発揮するのでいいですね。

パンくずリストを設置してよりわかりやすいブログにしよう

本記事では【Cocoon】パンくずリストを投稿/カテゴリー/固定の各ページに設置する方法

ということでWordPressテーマCocoonを使っている方に向けてパンくずリストの設置方法を画像付きで説明してきました。

人にも機械にもわかりやすいブログであるためにパンくずリストは必要です。きちんと設置しておくことをおすすめいたします。

Cocoonの「困った」を解決する記事

Cocoonの使い方

当ブログで一番読んでいただきたいのはCocoonの使い方の記事です。以下の点を参考書のように体系的にまとめているので、まずはここから読み始めるのをおすすめします。

外観・デザインをカスタマイズ

特に本記事のようにブログの見た目をカスタマイズするのに使える記事は下記でまとめています。ブログをあなたらしくするためには必見です。
あわせて読みたい【Cocoon】デザインを整える簡単おすすめカスタマイズまとめ