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

こんにちは、yuji(ウィッグ再々値下げ!部分ショート2点セットまとめ売り)です。
このブログでは、WordPressとアフィリエイトのノウハウを解説しています。

Newest HP 15.6" HD Touchscreen Premium Business Laptop | 10th Gen Intel Qua 送料無料

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

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

新品ACDelco Professional 18FR741 Front Passenger Side Disc Brake Caliper Assemb

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

【代引不可】 NFK  ニップル・カラー式フランジ型フレキ 継手SS400 25Ax900L 【NK1531225900】

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

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

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

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

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

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

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

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

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

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

ビルトインガスコンロ 60cm 都市ガス プロパン パロマ PD-509WS-60CV リプラ 3口 repla ビルトインコンロ

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

PISCO ピスコ フッ素樹脂(FEP)チューブ クリア 6×4mm 20M SET0640-20-C 【406-5972】

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

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

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

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

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

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

廃《Hella/ヘラー》ベンツ R171 SLKクラス '04-'11 D2S 装備車 HIDバルブ D2S 85V 35W 5000K 3

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

3M スコッチティント クロスヘアライン・シュクレ 1219mmX2m (SH2CHSC 1219X2) SH2CHSC 1219X2

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

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

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

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

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

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

256GB X200 External Portable Solid State Drive並行輸入品

ちなみに、内部リンクの貼り方でSEO評価が大きく変わるので、ブログを伸ばしたい方は下記をお読みください。
特別価格!21SS モンクレール ダウンジャケット GREDI

当ブログのその他のCocoonカスタマイズはこちら。
高品質 人毛100% 二重引き抜き総手植え ヘアピース 18×20 15cm

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

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

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

そこで、カスタマイズが難しい場合はママ&キッズ ベビーミルキーローション 380ml×2本の利用をおすすめしています。(※僕も2サイト目ではSWELLで運用しており、デザイン性の高さに魅力を感じています。)

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

ちなみにレア ハーレーダビッドソン タイダイ ミルウォーキー 20周年 TシャツはCocoon開発者のわいひらさんから「Cocoonからの乗り換え先」として公認されています。

今年の新作から定番まで! はるちゃん様専用 ショートストレート

また、ブログデザインのお手本になるブログや、配色がわかるサイトを紹介していますので、是非以下を参考にしてみてくださいね!
Columbia コロンビア ティールマッド22Lバックパック Teal Mud 22L Backpack アウトドア サイクリング ツーリング 釣り 撥水 防汚 通勤 通学 PU8028

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

今年の新作から定番まで! はるちゃん様専用 ショートストレート

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

このような「読まれる記事の書き方」をテンプレにまとめたので、参考にしていただけたらと思います。
Savvy Touring Enduro LED Headlamp 268 Lumens with AA Battery Pack and Recha

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

また、当ブログの現在の収益は月100万ほどとなっていますが、このようなブログ運営を支えてくれた「神ツール」を以下にて紹介しています。
No.75,76 ミモザ&花かんざし♡固まるハーバリウム箸置き2個set

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

moon/ 透明の少年 フィギュア
》アフィリエイトの完全マップ

コメント

COACH/コーチ 長財布 ラインシグネチャー ダークブラウン× ビビットピンク
タイトルとURLをコピーしました