はじめに
Cocoon設定→インデックス→カードタイプでカードタイプを設定できます。
この設定を適用すると、フロントページと一覧ページは同一のカードタイプが表示されます。
しかし、フロントページだけを別のカードタイプで表示したい場合があります。
この記事では、その方法について説明します。
完成イメージ
実装手順
以下のコードをfunctions.phpに追加します。
add_filter('theme_mod_entry_card_type', function ($current_mod) {
if (is_front_top_page() && !is_admin()) {
// カードタイプを設定
$current_mod = 'vertical_card_3';
}
return $current_mod;
});| カードタイプ | 値 |
|---|---|
| エントリーカード（デフォルト） | entry_card |
| 大きなカード（先頭のみ） | big_card_first |
| 大きなカード | big_card |
| 縦型カード2列 | vertical_card_2 |
| 縦型カード3列 | vertical_card_3 |
| タイルカード2列 | tile_card_2 |
| タイルカード3列 | tile_card_3 |
さいごに
今回紹介した方法を使えば、フロントページと一覧ページで異なるカードタイプを簡単に設定できます。
これにより、サイトの見た目をよりカスタマイズすることができます。
