【Cocoon】ブログカードの「あわせて読みたい」ラベルが表示されない理由【cssで解決】

こんにちは、yuji(ポロラルフローレン ローファー 黒)です。
このブログでは、WordPressとアフィリエイトのノウハウを解説しています。

ビリーアイリッシュ グッチ レコードボックス 付属品完品 限定品

以上のような、Cocoonのブログカードのラベルが表示されない問題を解決します。

ラベル付きのブログカードは以下の通り↓↓

【破格】筆記具 まとめ売り ⚠️バラ売りは2本~、要相談。

Cocoonユーザーで、以上のようなラベルが表示されないケースがあるようなので、この記事では解決方法を3つ紹介します。

ANGELS‘ SHARE by Kilian 50ml

まず「Cocoon設定」の「ブログカード」から、ブログカードの表示に関する2つの項目にチェックを入れてください。

以上で基本設定は完了です。

①クラシックエディタを使用している場合

Cocoonを利用中で、クラシックエディタで記事を執筆している方は、以下の方法で「あわせて読みたい」ラベルを表示することができます。

1.クラシックエディタを開いて「スタイル」をクリックします。

2.表示される項目の中から「囲みブログカードラベル」にマウスを合わせて、ブログカードラベルを選びます。

3.「あわせて読みたい」を選択すると、ラベルの表示されたボックスが表示されます。

4.ボックス内にページURLを入力してください。

5.以下のようにブログカードが表示されます。

②Gutenbergエディタを使用している場合

マンセラ Mancera Aoud Lemon Mint

Gutenbergエディタとは?
ワードプレスver.5.0より、投稿/固定ページ作成画面が「クラシック(旧)」から「Gutenberg(新)」に変わりました。

アスプレイ香水オリックス様専用

2.メニューが表示されるので「ブログカード」を選択します。(※ここになければ下の「すべて表示」から見つけることができます。)

3.「ラベルなし」のボックスが出現するので、貼り付けたいページのURLを入力してください。

4.ここで、画面右上の設定アイコンをクリックします。

5.「スタイル設定」の「ラベル」から選択してください。

6.以下のようにブログカードが表示されます。

これで「あわせて読みたい」ラベルを表示させることができました。

サンタマリアノヴェッラ バニラ 100ml

③CSSでブログカードのラベルを表示させる方法

【希少】adidas 90s ビッグ トレフォイル セットアップ

1.「外観」から「テーマエディター」に進み「style.css」を開きます。

2.スタイルシートに以下のコードをコピペしてください。

スタイルシートに入力するときの注意点
・編集前に必ずスタイルシートのバックアップを取りましょう。
・編集するテーマが「CocoonChild」になっていることを確かめましょう。
・「@charset “UTF-8”;」から始まる最初から入力されている部分には触れないようにしましょう。

3.コピペができたら「ファイルを更新」をクリックします。

4.この状態で、上でまとめた①,②の手順をとると以下のようにブログカードが表示されます。

5.また、ラベルごとに色を変えることもできます。「ダウンロード」のラベルを青色に変える場合はこちら。

【HAGLOFS】ホグロフス ソフトシェル プルオーバー 2(新品)

ちなみに、内部リンクの貼り方でSEO評価が大きく変わるので、ブログを伸ばしたい方は下記をお読みください。
ポールスミス 腕時計 黒電話 ダイアル ブラック

当ブログのその他のCocoonカスタマイズはこちら。
リーガル 01RR ストレートチップ 黒 ビジネスシューズ

おしらせ
Cocoonカスタマイズに関するご質問は、Twitterからのみ受け付けています!
のDMまでご連絡くださいませm(__)m

「カスタマイズが上手くいかない…」と感じる方へ

当ブログのカスタマイズは、1つ1つのパーツが複雑に関連し合っているため、個別でデザインを使う際などは上手く表示されないことがあります。

そこで、カスタマイズが難しい場合は直営店VIP【JIMMY CHOO】 ERIC HAZEコラボ☆ローファーの利用をおすすめしています。(※僕も2サイト目ではSWELLで運用しており、デザイン性の高さに魅力を感じています。)

現在人気急上昇中のテーマなので、詳しいレビューを以下の記事から確認してみてくださいね。

ちなみに《新作★》LOEWE アナグラム スタッズ ピアスはCocoon開発者のわいひらさんから「Cocoonからの乗り換え先」として公認されています。

【限定セール!】 テリー様クロケット&ジョーンズ ASCOT ※シューツリー付き 5.5E ドレス/ビジネス

また、ブログデザインのお手本になるブログや、配色がわかるサイトを紹介していますので、是非以下を参考にしてみてくださいね!
ウサギ柄 ススキ 浴衣LL

以下は、ブログ収入を伸ばしたい方へのおすすめ記事です。

【限定セール!】 テリー様クロケット&ジョーンズ ASCOT ※シューツリー付き 5.5E ドレス/ビジネス

当ブログではSEOで検索上位を獲得した結果、アクセス数が大幅に伸びました。

このような「読まれる記事の書き方」をテンプレにまとめたので、参考にしていただけたらと思います。
メカニカ シャーペン 廃番 ぺんてる

アフィリエイト神ツールを使いこなそう

また、当ブログの現在の収益は月100万ほどとなっていますが、このようなブログ運営を支えてくれた「神ツール」を以下にて紹介しています。
KINGWAY Compatible Refill Ink Bottles Replacement for 502 T502 Use with Exp

この記事が少しでもお役に立てたら幸いです。
最後まで読んでいただき、ありがとうございました!

ピンキーリング プラチナリング 指輪 地金リング 宝石なし 刻印 ママジュエリー 出産祝い 育児 ママデビュー ストレート 2.3 送料無料 ボーナスセール
》アフィリエイトの完全マップ

コメント

美品 ルイヴィトン モンテカルロ ライン ローファー モカシン
タイトルとURLをコピーしました