パンくずリストを任意の位置に表示する方法

はじめに

パンくずリストは、Cocoon設定に応じて決まった位置に表示されます（表1参照）。

しかし、ショートコードを利用すれば、任意の場所にパンくずリストを設置することが可能です。

この記事では、この方法について説明します。

完成イメージ

使用方法

以下にショートコードを示します。

[my_breadcrumbs]

実装手順

以下のコードをfunctions.phpに追加します。

// ショートコードを追加
add_shortcode('my_breadcrumbs', function () {
  ob_start();
  cocoon_template_part('tmp/breadcrumbs');

  if (is_page()) {
    cocoon_template_part('tmp/breadcrumbs-page');
  }

  return ob_get_clean();
});


/**
 * 投稿ページでのパンくずリスト表示制御（親テーマ関数を上書き）
 *
 * @return bool 常時表示する場合はtrue
 */
if (!function_exists('is_single_breadcrumbs_visible')):
function is_single_breadcrumbs_visible() {
  return true;
}
endif;


/**
 * 固定ページでのパンくずリスト表示制御（親テーマ関数を上書き）
 *
 * @return bool 常時表示する場合はtrue
 */
if (!function_exists('is_page_breadcrumbs_visible')):
function is_page_breadcrumbs_visible() {
  return true;
}
endif;

さいごに

今回紹介した方法を使えば、Cocoonのパンくずリストをショートコードで簡単にカスタマイズできます。
投稿ページや固定ページの好きな場所にパンくずを表示できるため、ユーザビリティ向上にも役立ちます。