【WordPress】無料テーマ「Cocoon」の機能「おすすめカード」を適用してみた!

適用する方法

①おすすめカード用のメニューを作成

  1. WordPressメニューの「外観」から「メニュー」を開きます。

2.メニュー名に「おすすめカード」と入力して「メニューを作成」をクリックします。

3.「メニュー項目を追加」からおすすめカードに並べたいコンテンツを複数選び「メニューに追加」をクリックしまします。


②デザインの調整

1.WordPressメニューから「Cocoon設定」を開きます。

2.「Cocoon設定」から「おすすめカード」タブを選択し、上から順に設定していきます。

3.以下の内容で設定する。

  • おすすめカードの表示→フロントページのみで表示
  • メニュー選択→おすすめカード
  • 表示スタイル→画像中央に白文字タイトル
  • カード余白→おすすめカード毎に余白を設ける
  • カードエリア左右余白→おすすめカードエリアの左右に余白を設ける



③画像の設定

1.メニューの「Cocoon設定」から「画像」を開きます。

2.「Retinaディスプレイ」にチェックを入れます。


適用するとこんな感じ

設定が完了しました!

あとは実際にどの記事をリンクさせるかを決めて、「外観」メニューでその記事を選択すればサムネやURLがリンクされます!


まとめ

今回はWordPressの無料テーマ「cocoon」のおすすめカード機能を使ってみました!

設定方法は手順を踏めば誰でも簡単にできる内容でした!

おすすめカードがトップに並ぶだけで、おすすめ記事への誘導がしやすくなるので、いいですね。

とても簡単なのでおすすめです!

コメント

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