「ナビカード」のリボン文言を変更する方法

Cocoonカスタマイズ集
この記事は約1分で読めます。
記事内に広告が含まれています。

はじめに

「ナビカード」にはリボンを付けることができます。
このリボンの文言を変更します。

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

完成イメージ

実装手順

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

add_filter('get_navi_card_ribbon_caption', function ($caption, $ribbon_no) {
  $custom_captions = [
    '1' => '人気',
    '2' => 'NEW',
    '3' => 'Check!',
    '4' => '限定',
    '5' => 'SALE',
  ];

  // 指定した番号があれば上書き、なければ元の値を返す
  return $custom_captions[$ribbon_no] ?? $caption;
}, 10, 2);

さいごに

今回紹介した方法を使えば、サイトのデザインや目的に合わせた最適なリボン表示を簡単に実現できます。
フィルターフックを活用することで、将来的なテーマのアップデートにも柔軟に対応できるため、ぜひ活用してみてください。

タイトルとURLをコピーしました