Cocoonでカテゴリーページに一般的なパンくずリストを表示する

ワードプレスのテーマCocoonについて
この記事は約4分で読めます。

ワードプレス(以下WP)の無料のテーマCocoonでは、設定だけではカテゴリーページ(カテゴリーをクリックした時に表示される当該カテゴリーの一覧のページ)に一般的なパンくずリスト(ホームからの階層型ナビゲーション)が付きません。
「一般的な」という表現をしているのは別のカスタマイズで「下りのパンくずリスト」も実装しているためです。

表示させるためには、WPの動きをコントロールしているPHPというプログラムを一部修正する必要があります。

スポンサーリンク

修正のやり方を調べる

表示のさせ方は、下記のCocoonのQ&Aページに掲載されています。

ただし上記の記事の中には、沢山存在するPHPのプログラムのどこを修正すれば良いか?iについての記載がありませんでした。
この理由としてはCocoon設定の中で(カテゴリーページ以外での)「パンくずリストを表示する場所」を設定できるためだからと推察致します。

なお本サイトではこの設定を「メインカラム手前」にしているために、同様な場所に表示する前提で調べたところCocoonのテーマフォルダーの配下に置かれている「tmp/header-container.phpファイル」に上記リンクに書かれているコードを付ければ良さそうであることが分かりました。

具体的な修正方法

tmpフォルダー配下のPHPファイルにコードを付与する際のやり方については、これもまたCocoonの別のQ&Aページに掲載されていました。

上記に従い、 「tmp/ header-container.phpファイル 」をCocoonの子テーマの中に同様のフォルダーを作り、ファイルをコピーした上で修正をします。

実際に修正した内容は下記になります。

「header-container.phpファイル」の中の一番最後の行の後に掲載されていたコードを追加します。(下記ソースは途中を省略しています)

<?php //ヘッダーエリア
/**
 * Cocoon WordPress Theme
 * @author: yhira
 * @link: https://wp-cocoon.com/
 * @license: http://www.gnu.org/licenses/gpl-2.0.html GPL v2 or later
 */
if ( !defined( 'ABSPATH' ) ) exit; ?>

<div id="header-container" class="header-container">
          ---- 省略 ----
</div><!-- /.header-container -->
<?php //パンくずリスト    ←この行以下を追加
if (is_category()){
  get_template_part('tmp/breadcrumbs');
} ?>

動作の確認

カテゴリーページのヘッダー下の位置にパンくずリストが表示されることを確認しました。

また、もしもパンくずリストを表示させたくない場合は、WP管理画面のCocoon設定→投稿にある、パンくずリストの配置で「表示しない」のリストボックスをクリックすることで、カテゴリーページからもパンくずリストが外れることは確認しました。(当然ではありますがパンくずリスト配置の指定を変更してもカテゴリーページには反映されません。)

以上、修正としては、ほぼほぼ機知の内容にはなりますが、修正を実施したことをご報告申し上げます。