WordPressテーマ「Cocoon」おすすめカードにカテゴリーを設定する方法を解説!
![](https://hinakira.com/wp-content/uploads/2022/08/machiko悩み-1-150x150.png)
Cocoonのおすすめカードを設置したいです。
でも、良く分からなくて・・・。
こういった疑問を解決します。
Cocoonおすすめカードは、一見すると設定が難しそうに見えますが、実はやり方さえ分かれば簡単です。
これを見ればすぐにマスターできると思いますので、是非チェックしていってくださいね。
![](https://hinakira.com/wp-content/uploads/2023/06/WordPress-blog-startup-hazimekata-1.png)
![](https://hinakira.com/wp-content/uploads/2023/06/WordPress-blog-startup-hazimekata-1.png)
▼WordPressテーマ「Cocoon」の使い方マニュアル▼
![](https://hinakira.com/wp-content/uploads/2022/05/summary-of-how-to-use-cocoon-1.png)
![](https://hinakira.com/wp-content/uploads/2022/05/summary-of-how-to-use-cocoon-1.png)
Cocoonおすすめカードの使用例
![Cocoonおすすめカード](https://hinakira.com/wp-content/uploads/2022/05/Cocoonおすすめカード-1-1024x527.jpg)
![Cocoonおすすめカード](https://hinakira.com/wp-content/uploads/2022/05/Cocoonおすすめカード-1-1024x527.jpg)
上記の赤枠内のようなものがCocoon「おすすめカード」です。
![](https://hinakira.com/wp-content/uploads/2022/05/hinakira-2-e1652272173643-150x150.jpg)
![](https://hinakira.com/wp-content/uploads/2022/05/hinakira-2-e1652272173643-150x150.jpg)
![](https://hinakira.com/wp-content/uploads/2022/05/hinakira-2-e1652272173643-150x150.jpg)
これがあるだけで一気にオシャレな雰囲気になりますね。
ちなみに、このカードをクリックすると、設定したページ(カテゴリーページや投稿記事ページなど)に遷移します。
今回は、おすすめカードをクリックするとカテゴリーページに遷移する設定方法を解説。
というわけで、見ていきましょう。
Cocoonおすすめカードを設定する方法(カテゴリー)
Cocoonおすすめカードを設定する方法を解説します。
今回おすすめカードのリンク先に設定するのはカテゴリーページです。
なお、設定手順は以下の通り。
- メニュー「おすすめカード」を作成
- リンク先となるカテゴリーにアイキャッチを設定
- Cocoon設定で好みのスタイルに
![](https://hinakira.com/wp-content/uploads/2022/05/-e1653144585204-150x150.png)
![](https://hinakira.com/wp-content/uploads/2022/05/-e1653144585204-150x150.png)
![](https://hinakira.com/wp-content/uploads/2022/05/-e1653144585204-150x150.png)
では、順番に見ていきましょう。
①:メニュー「おすすめカード」を作成
![MENU](https://hinakira.com/wp-content/uploads/2022/05/メニュー-1.png)
![MENU](https://hinakira.com/wp-content/uploads/2022/05/メニュー-1.png)
![新しいメニュー](https://hinakira.com/wp-content/uploads/2022/05/新しいメニュー-1-1024x708.png)
![新しいメニュー](https://hinakira.com/wp-content/uploads/2022/05/新しいメニュー-1-1024x708.png)
![メニュー名](https://hinakira.com/wp-content/uploads/2022/05/MENU-1-1024x675.png)
![メニュー名](https://hinakira.com/wp-content/uploads/2022/05/MENU-1-1024x675.png)
![カテゴリーから選択](https://hinakira.com/wp-content/uploads/2022/05/カテゴリーから選択-1-1024x754.png)
![カテゴリーから選択](https://hinakira.com/wp-content/uploads/2022/05/カテゴリーから選択-1-1024x754.png)
![メニューを保存](https://hinakira.com/wp-content/uploads/2022/05/MENUを保存-1-1024x719.png)
![メニューを保存](https://hinakira.com/wp-content/uploads/2022/05/MENUを保存-1-1024x719.png)
![](https://hinakira.com/wp-content/uploads/2022/05/ブログ始め方-4-1-150x150.png)
![](https://hinakira.com/wp-content/uploads/2022/05/ブログ始め方-4-1-150x150.png)
![](https://hinakira.com/wp-content/uploads/2022/05/ブログ始め方-4-1-150x150.png)
これで、メニューの作成はできました。
次は、設定したカテゴリーにアイキャッチ画像を設定していきます。これがないと、おすすめカードの画像が表示されないので・・・。
②:リンク先となるカテゴリーにアイキャッチを設定
![カテゴリー](https://hinakira.com/wp-content/uploads/2022/05/カテゴリー-1-1024x698.png)
![カテゴリー](https://hinakira.com/wp-content/uploads/2022/05/カテゴリー-1-1024x698.png)
![カテゴリー名をクリック](https://hinakira.com/wp-content/uploads/2022/05/カテゴリー名をクリック-1-1024x772.png)
![カテゴリー名をクリック](https://hinakira.com/wp-content/uploads/2022/05/カテゴリー名をクリック-1-1024x772.png)
![アイキャッチ画像を設定](https://hinakira.com/wp-content/uploads/2022/05/アイキャッチ画像を設定-1-1024x671.jpg)
![アイキャッチ画像を設定](https://hinakira.com/wp-content/uploads/2022/05/アイキャッチ画像を設定-1-1024x671.jpg)
![](https://hinakira.com/wp-content/uploads/2022/05/ブログ始め方-4-1-150x150.png)
![](https://hinakira.com/wp-content/uploads/2022/05/ブログ始め方-4-1-150x150.png)
![](https://hinakira.com/wp-content/uploads/2022/05/ブログ始め方-4-1-150x150.png)
カテゴリーにアイキャッチを設定したら、もう一息ですよ。
③:Cocoon設定で好みのスタイルに
![Cocoon設定](https://hinakira.com/wp-content/uploads/2022/05/Cocoon設定-1-1-1024x803.png)
![Cocoon設定](https://hinakira.com/wp-content/uploads/2022/05/Cocoon設定-1-1-1024x803.png)
![おすすめカード](https://hinakira.com/wp-content/uploads/2022/05/おすすめカード-1-1024x683.jpg)
![おすすめカード](https://hinakira.com/wp-content/uploads/2022/05/おすすめカード-1-1024x683.jpg)
![作成したメニューを選択](https://hinakira.com/wp-content/uploads/2022/05/作成したメニューを選択-1-1024x703.png)
![作成したメニューを選択](https://hinakira.com/wp-content/uploads/2022/05/作成したメニューを選択-1-1024x703.png)
![設定保存](https://hinakira.com/wp-content/uploads/2022/05/設定保存-1-1024x755.png)
![設定保存](https://hinakira.com/wp-content/uploads/2022/05/設定保存-1-1024x755.png)
これで、おすすめカードの設定は完了です。実際に、トップページを見てみましょう。
![おすすめカード設置](https://hinakira.com/wp-content/uploads/2022/05/Cocoonおすすめカード-1-1024x527.jpg)
![おすすめカード設置](https://hinakira.com/wp-content/uploads/2022/05/Cocoonおすすめカード-1-1024x527.jpg)
![](https://hinakira.com/wp-content/uploads/2022/05/ブログ始め方-4-1-150x150.png)
![](https://hinakira.com/wp-content/uploads/2022/05/ブログ始め方-4-1-150x150.png)
![](https://hinakira.com/wp-content/uploads/2022/05/ブログ始め方-4-1-150x150.png)
こんな感じで設置ができていればカンペキです。
まとめ|Cocoonおすすめカードを設定しておしゃれにレッツゴー!
今回は、Cocoonおすすめカードの設定方法を解説しました。
これだけでも、かなり見た目が良くなるので、とりあえず設定するのがオススメです。
![](https://hinakira.com/wp-content/uploads/2022/05/-e1653144585204-150x150.png)
![](https://hinakira.com/wp-content/uploads/2022/05/-e1653144585204-150x150.png)
![](https://hinakira.com/wp-content/uploads/2022/05/-e1653144585204-150x150.png)
設定も簡単だしね。
また、見た目だけでなくリンク先へのSEO効果などもあるので、上手く設置すれば順位アップも見込めるかも。
というわけで、以上となります。
では、また!
![](https://hinakira.com/wp-content/uploads/2022/05/summary-of-how-to-use-cocoon-1.png)
![](https://hinakira.com/wp-content/uploads/2022/05/summary-of-how-to-use-cocoon-1.png)
当サイト使用テーマ。最高です。
![](https://hinakira.com/wp-content/uploads/2022/07/SWELLの特徴.jpg)
![](https://hinakira.com/wp-content/uploads/2022/07/SWELLの特徴.jpg)
- 購入者限定アフィリエイトがあるからテーマで稼げる
- 書きやすくて時短になるから生産性があがる
- ChatGPTとの相性もバツグンで時短が加速
- 誰でも簡単にオシャレなデザインにできる
- 買い切り、複数サイトにバンバン使える
- アプデが多くて進化がスゴイ
- SEOにも強い
- 価格が高い
- 個人開発の不安
- 人気すぎてデザインが被りがち
\ 時短になって生産性が爆上がりするテーマ /
※おしゃれで書きやすくてブログが楽しくなる
コメント