有料テーマみたいにおすすめカードを表示させたーい!!アダムあるよ(HEROのバーのおじさん風)こんにちは!アダムです。ブログのテーマでCocoonを使用されている方必見!おすすめカードを表示させる方法をめちゃくちゃわかりやすく解説しました!今回は、CSSもJavaScriptも何もいじりません。マウスをカチカチしてたらこの記事を読む時間を含めても10分以内に読んでほしいお勧め記事を読者にアピールすることができます。目次おすすめカードを作成方法おすすめカード用メニューの作成メニューに記事を追加カードの外観を考える記事の選定&設定Cocoon設定からおすすめカードの設定まとめブロガー必見記事おすすめカードを作成方法おすすめカード用メニューの作成まずは、おすすめカードとして表示させたい記事集(以後、メニューと呼ぶ)を作成しましょう。「外観」→「メニュー」を選択。「新しいメニューを作成しましょう。」をクリックすると下の画像のような画面に行きます。メニュー名を自分でわかりやすいものに設定して、一旦「メニューを作成」をクリック。※この時点で「メニューを作成」を押さなくても一気に作って一気に保存もできますが、こまめに設定は保存する癖をつけましょう。メニューに記事を追加メニューを作成できたら、次はおすすめしたい記事をメニューに追加しましょう。「投稿」のプルダウンをクリック。「最近」「すべて表示」「検索」の中から自分が使いやすい方法で、おすすめしたい記事にチェックを入れて「メニューに追加」をクリック。固定ページを表示したい時は、「固定ページ」のプルダウンを押しましょう。ちなみに、記事数が多い人は「検索」がおすすめ。タイトルに使用しているキーワードを入れると、超簡単に記事を見つけることができるので、活用しましょう。カードの外観を考えるおすすめカードで表示される文字などを設定します。「ナビゲーションラベル」にはタイトルをさらに要約した短いキャッチコピーを考えて入力しましょう。この部分は、おすすめカードとしてアイキャッチが表示される上に被る形で表示される文字です。長すぎるとうまく表示されないなどの不具合や、読者がぱっと見で理解できなかったりします。ちなみに、「説明」はおすすめカードにはあまり関係ないですが、メニューを別用途で使用する際に入力しておいた方が楽なので、とりあえず記事の中身の簡単な説明文を入力しましょう。記事の選定&設定おすすめカードとして表示させたい記事をそれぞれ選び、ナビゲーションラベルなどの設定が終わったら、「メニューを保存」しましょう。ちなみに、おすすめカードの記事数は偶数(4記事くらい)がおすすめです。奇数にしているとスマホやタブレットの表示で1記事だけ仲間はずれな表示になってしまうことがあります。Cocoon設定からおすすめカードの設定メニューが完成したら、ダッシュボードメニューの「Cocoon設定」をクリック。「おすすめカード」のタブを選択。おすすめカードを表示させたい状況の設定をしましょう。ここでは、ホーム画面(フロントページ)のみでの表示設定にしています。「メニュー表示」で、先ほど作成したメニューを選択しましょう。「表示スタイル」では、おすすめカードの表示設定ができます。おすすめは一番下の「画像下段を黒背景にしタイトルを重ねる」です。「カード余白」「カードエリア左右余白」は両方チェックを入れておく設定がおすすめです。どの設定でも言えることですが、僕のおすすめはあくまで個人の好みなので、実際に全通りをプレビューしながら自分の好みの設定を探してみてください!まとめ今回は、おすすめカードの表示方法について解説しました。ポイントは、「おすすめカード用のメニューの作成」と「Cocoon設定」です。✅おしゃれな挿絵をブログ記事内に入れたいけど、有料版のイラストサイトを使ったら他の人と被ってしまう。迫っているドメインはありませんか。中古ドメインの場合、有効期限が迫っているという理由で割安になっている場合があります。中古ドメインを購入したらまず、有効期限を確認しましょう。更新にかかるのは年間1,000~2,000円の費用と10分の手間だけです。BLOGブログ記事作成時間の生み出し方~忙しい副業ブロガーの継続のコツ~ブログを書く時間がない。残業、家事をしていたら一日が終わってしまう。そんな悩みを持つ人に、ブログ作成の時間を作る方法について紹介しています。BLOG【ブログ運営報告】12月度収益PV数丸裸(毎日更新継続4ヶ月)12月の運営報告です。毎日投稿も早いもので4ヶ月経ちました。12月に上げた記事の分析やドメインパワーの推移、収益にPV数と、多角的に分析したので、ブログ毎日更新続けたらどうなるのか気になる方は是非見てみてください!!!続きは、webで→BLOG【2021年最新版】契約済みXserverで2つめのブログを運用するマニュアルこんにちは、イブです。今回は、中古ドメインを購入した方が、契約済みのXserverでWordPressのブログを始めるための設定方法を紹介します。コメントをキャンセルメールアドレスが公開されることはありません。※サイト次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。Reserved.タイトルとURLをコピーしました。