ブログ

テーマ【Cocoon】の【おすすめカード】設置方法

2021年3月6日

本ページはプロモーションが含まれています。

前回、前々回に続いて今回は「おすすめカード」の設定方法を紹介しようと思う。
前回の「アピールエリア」と、前々回の「ブログカード」の設定方法は下より。

テーマ【Cocoon】の【アピールエリア】設置方法

続きを見る

テーマ【Cocoon】のブログカードの設定方法

続きを見る

例によって「WordPress」のテーマ「Cocoon」の環境なのであしからず。

おすすめカードとは

僕のブログだとこれ。

アピールエリアの下にある、4つの画像のこと。
左から「ゲーム」、「ラルク」、「松屋」、「生活系」の4つの記事。
ヘッダーの下に設定させることで、紹介したい記事のジャンルを、目立たせることができる。

 

ブログカードとの違い

目立たせたい」という意味では、ブログカードと一緒だが、この2つには違いがある。

記事の数

「ブログカード」は1つの記事を目立たせるのに対して、「おすすめカード」は複数の設定することが可能。画像の種類も、それに比例するので目立たせることができる。

カデゴリー別に設定

「ブログカード」は記事そのものだが、「おすすめカード」は記事のカデゴリー、例えば僕のブログの場合は。「ゲーム」や「松屋」などのことである。
訪問者からしたら「このブログには何が載っているんだろう?」と迷わずに自分の好きなジャンルの記事を、見つけることができる。

注意

設定するにあたって、最初に頭に入れておいてほしいことがある。

ちょっと面倒?

この後説明をするけど人によっては面倒かもしれない。
「アピールエリア」と「ブログカード」はCocoon設定で割とシンプルにできるけど、「おすすめカード」はそれ以外も使うからである。ただ、これは慣れれば、そこまで大変ではないので、問題ないと思う。

説明

というわけで、設定方法を説明していこうと思う。
その前に、過去作ってある記事に、カデゴリー設定をしてあるかチェックしてほしい。
これを設定しておかないと、何も始まらないので要チェック


1、まずは、過去記事の、編集画面より「カデゴリー」でその中で、対象のジャンルにチェックを入れる。自分のブログの場合には、「ブログ」にチェックを入れている。
※ない場合は「新規カデゴリー追加をクリック」して追加させる。

 

2、次に「投稿」の「カデゴリー」をクリック。

下のような画面になる。

 

3、自分が選ぶ、対象のカデゴリーをクリック。ポインターを合わせて「編集」でOK。
※ここは「画像」を設定するのですでにしていれば飛ばしてOK。

 

4、「カデゴリーを編集」になる。下までスクロールして

 

アイキャッチ」で好きな画像を選択で保存。
画像を設定しておかないと空白になってしまう。

 

5、次に「外観」の「メニュー」をクリック。

 

下のような「メニュー」画面になる。

 

すでにメニューがある場合は、「編集するメニューを選択」で選ぶ。
新しく作る場合は、「新しくメニューを作成」をクリック。

新しくメニューを作成場合は、「メニュー名」に名前を入れて「メニューを保存」をクリック。

6、「カデゴリー」より表示させたいカデゴリーにチェックを入れる。

 

7、下のようになる。順番を変えたい場合は、対象のカデゴリーをクリックした状態で上や下に移動させ離すと、順番が変わる。

例えば「ラルク」と「松屋」の順番を変えたい場合、「松屋」をクリックした状態で、上に移動させると

「松屋」が上にきて、「ラルク」が2番目に配置させられる。

8、次に「Cocoon」の「おすすめカード」をクリックすると、下の画面になる。
ここで色々設定できる。

おすすめカードの表示

表示させたい場所の設定。自分は「全ページで表示」で設定。

 

メニュー選択

先ほど「外観」の「メニュー」で作ったメニューの選択。自分の場合は「おススメカード2」のこと。

 

表示スタイル

下のように変更できる(口で説明するよりは画像を見た方が分かりやすいと思った)。

  1. 画像のみ

 2. 画像中央に白文字タイトル

 3. 画像中央にラベルでタイトル

 4. 像下段を黒背景にしタイトルを重ねる

 5. カード余白(カードとカードの間に、空白を入れられる。下は、チェックが入っていない)

 6. カードエリア左右余白
   パソコン表示のみ、カードエリアは、画面の幅いっぱいに表示されるので、
   チェックを入れることで空白を設定できる。
   僕の場合は、よく分からなかったので、どっちでもいいと思っている。

おしゃれになった(気がする)

以上が、おすすめカードの紹介である。
やっぱり設定しておくと見た目も分かりやすくなるし、来てくださった方にも分かりやすくなると思っている。「このブログではこんな記事書いているんだ~」みたいに。
まだ、こんなシンプルな方法しか知らないけど、また新しい発見があったら、また記事にしようと思う。

今読まれている記事!

おすすめ記事はコレだ

ラルク

ラルク、ライブアレンジベスト3【NEXUS4編】

未来的な音楽と、ポジティブな歌詞が特徴の「NEXUS4」。 最近はあまりないけど、この曲のような、サイバー感のある楽曲と、歌詞は僕は好きだ。自分が、サイバーパンク的な世界観が好きということもあるが、今回は、この「NEXUS4」について紹介しようと思う。 NEXUS4とは? 2008年に発売され、両面A面シングルとし発売されたシングル曲(もう一つはSHINE)。作詞hyde 、作曲tetsuya。 曲は、サイバー感がある、近未来的な楽曲。イントロのベースとギターの印象が、強く残る曲。 歌詞も、近未来的な世界 ...

続きを見る

ブログ 月次報告

【月次報告ノブンブログ2月号】1万PVまであとちょっとまで来た

忘れたころに記事しているこのブログの活動報告。 報告範囲は去年の11月から今年1月の計3ヶ月分と2022年度の総決算を振り返ってみようと思う。 ノブンブログ 11、12、1月【記事数/PV/収益】報告 まずはここ3ヶ月のブログの動きを報告。 年月記事数PV収益2022/1136,374PV約1,500円2022/1245,932PV約1,600円2023/179,513PV約1,300円 1月はがんばって記事数を増やした 11月、12月はゲームばっかりやっていたせいか記事数が3、4と過去最低クラス。 さす ...

続きを見る

松屋

ピリ辛だけど肉感強めのレトルト【松屋 ビーフカレー】レビュー 

最近、たまたま訪れたスーパーで置いてあった商品。 それが松屋のビーフカレーのレトルト。 しかもこれは新宿中村屋のアレンジが加えられたカレーなのだ。 結論としては「ちょっとピリ辛だったけど、オリジナルカレーよりか辛くないし、こっちの方が好き」となったのでこれからビーフカレーの購入を考えている人の参考にしてほしい。 松屋の創業ビーフカレーとは? 元々松屋ではオリジナルカレーというかなり辛いカレーがあったんだけど2019年ごろに発売が終了し、それに代わる形で発売されたのがこのビーフカレー。 と言ってもオリジナル ...

続きを見る

松屋

【松屋 たっぷり明太タルタルチキン定食】レビュー 明太子の風味に欠ける一品と割高感が気になる

2024年3月12日(火)に松屋から発売された新メニュー「たっぷり明太タルタルチキン定食」。 どうやら明太子を使った新メニューみたいだけど、僕が実際に食べてみた感想としては「明太子の風味が感じず、割高感が否めないちょっと残念なメニュー」と思ったんだ。 普段よりちょっと辛口なレビューになっちゃったけど、なぜそう感じたかを記事にしてみたので、興味がある人は参考にしてみて欲しい。 単一メニューでの選択肢に物足りなさを感じる 前回のチキンマサラカレーと同じく、今回の明太タルタルチキン定食も種類が一つのみとレパート ...

続きを見る

ゲーム

使いづらい【メダロット3】カブトバージョンを選んではいけない理由

久ぶりのゲームネタ。 しかも今回は「メダロット3」について。 最近また急にやりたくなったから昔、購入したニンテンドー3DS用のクラシックス版をやり始めたんだ。 その中でメダロット3カブトバージョンをプレイして気づいたことがあったんだ。 それは「メダロット3の主人公機は、クワガタバージョンと比べてカブトバージョンは攻略が難しい」と感じたんだ。 なぜそう思ったのか?今更この記事にどこまで需要があるか分からないけど、ニンテンドー3DSのバーチャルコンソールも2023年に終了するとアナウンスされたし(Switch ...

続きを見る

-ブログ