おすすめカードはトップページの上部やサイドバーなどに設置するもので、画像付きで目立つリンクのことですね。
絶対に見て欲しい記事やカテゴリーを設定すると効果あります。下の画像のようなやつです
本記事ではWordPressテーマCocoonを使っている方へ向けて、おすすめカードの設定方法を詳しく説明していきます。
画像多めで説明しますので、初心者でも迷うことなく設定できます。
設定自体は10分もあれば終わるものです。この記事を見ながらゆっくりやっても30分あれば大丈夫でしょう。
簡単にできますので、あなたのブログのトップにおすすめカードをバシッと決めて、見た目も回遊率もレベルアップをしましょう！
おすすめカードを設定してみたけどうまくいかない
おすすめカード設定するときのよくあるトラブルについても記事後半に書いていきます。
設定はしたけどうまくいっていない人は記事後半をチェックです。
だいたいの原因はカテゴリーページやタグページのアイキャッチを設定していない。設定していても大きさが整っていないことによります。
それではおすすめカードの設定方法を確認していきましょう！
おすすめカードの設定方法
各行程画像付きでおすすめカードの設定方法を解説していきます。あなたもこの記事を見ながら一緒に作業してみてください。
専用のメニューを作る
まずはおすすめカードに表示する固定ページやカテゴリー、投稿ページなどをメニューで設定します。
ワードプレスの編集画面から、外観→メニューと進んでください。
メニューを作成を押す
これでメニューが作成できました。次からメニューの中身を決めていきます。
表示させる項目の選択
メニューに追加をおす
タグのプルダウンは表示オプションを押して、「タグ」をチェックすると出てきます。
おすすめカードに表示する項目の数は何個でも設置できますが、4個が見栄えが良くていいと思います。
奇数だとスマホ表示の時に歯抜けみたいになりますし、4個以上だとちょっと目がちらちらします。
項目4個以上なら「カルーセル」の方がいいかな
↓カルーセルって何かわからない人へ↓
関連記事【Cocoon】スライドショーを設定する方法まとめ
項目ごとの個別設定
おすすめカードに表示する項目を決めたら、順番とタイトルを設定していきましょう。
としておすすめカードに表示されるようになる
これでおすすめカード用メニューができました！
50％完了です。もうちょっとがんばろう
作成したメニューを表示するように設定する
おすすめカードの表示設定は2通りあります。Cocoon設定でやるか、ウィジェットでやるかです。
Cocoon設定は設置位置がページの上部に決まっていますが、ウィジェットは自由に位置を決めることができます。
どちらも難しくありません！両方やり方知ってて損はないです
1．Cocoon設定のおすすめカードで設定する
まずはCocoon設定から設定する方法をご紹介します。ワードプレスの管理画面からCocoon設定→おすすめカードと進んでください。
どのページに表示させるか選択
さっき作ったメニュー（ここでは「おすすめカード」）を選択
- 表示スタイル
- カード余白
- カードエリア左右余白
この三つは画像マークにカーソルを合わせて、表示のされ方を確認しながら好きなように設定しましょう
を設定する
変更をまとめて保存を押す
これで設定完了です。あなたのブログを確認してみてください！
続いてはウィジェットで設定する方法です。
2．ウィジェットで設定する
おすすめカードはウィジェットでも設定できます。ワードプレスの編集画面から外観→ウィジェットとすすんでください。
ウィジェットを追加をおす
これでウィジェットでおすすめカードの設置ができました！
ウィジェットで設定することの良いところは、ページ上部だけでなくページの下部やサイドバーにもおすすめカードを設置できるところですね！
お疲れさまでした。次は、上記のようにちゃんとやったのにうまく表示されない場合の対処方法です。
よくあるトラブル
おすすめカードの画像が表示されない
画像が表示されない原因第1位は「カテゴリーページやタグページのアイキャッチ画像を設定していない」です。
カテゴリーやタグページのアイキャッチ設定方法を見てみましょう
代表でカテゴリーページのアイキャッチ設定方法を説明します。タグページも同様にできますので、紹介は省きます。
アイキャッチの「選択」を押す
右下の「画像の選択」をおす
アイキャッチの設定完了です。おすすめカードに反映されましたか？
その他アイキャッチが反映されないトラブルがいくつかCocoonフォーラムにありました。あなたの原因がそっちかもしれないので見てみてください。
Cocoon公式おすすめカード画像 NO IMAGEの対処
Cocoon公式おすすめカードの設定ができません。
おすすめカードの画像サイズがバラバラ
おすすめカードが整ってないとなんだかしまりが悪いですね。解決策はアイキャッチ全部を同じサイズの画像に加工し直して再設定するのが確実です。
大変だけどやったほうがいいです
アイキャッチに関する記事は別で書いていますので、そちらも参考にしてみてください。
関連記事【Cocoon】アイキャッチ画像サイズを統一して揃える設定方法
Cocoon公式おすすめカードの画像サイズが均等にならない
おすすめカードで回遊率UPを目指そう
本記事では【Cocoon】おすすめカードでトップページ等をカスタマイズしよう！
ということでおすすめカードの設定方法を丁寧に解説してきました。
うまく設定できましたでしょうか？おすすめカードができるとぐっとそれっぽいサイトになります
などなどCocoonにはページ上部を目立たせる機能がたくさんあります。
あなたに合ったやり方で、サイトの回遊率UPを目指していきましょう。
Cocoonの「困った」を解決する記事
Cocoonの使い方
当ブログで一番読んでいただきたいのはCocoonの使い方の記事です。以下の点を参考書のように体系的にまとめているので、まずはここから読み始めるのをおすすめします。
外観・デザインをカスタマイズ
特に本記事のようにブログの見た目をカスタマイズするのに使える記事は下記でまとめています。ブログをあなたらしくするためには必見です。
あわせて読みたい【Cocoon】デザインを整える簡単おすすめカスタマイズまとめ
コメント