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

こんにちは、yuji(ナイキ(NIKE) メンズ レディース AS M NSW SL BB PO HOODIE グレーヘザー DM5459 050 長袖 フーディ パーカー スポーツウェア カジュアル トップス)です。
このブログでは、WordPressとアフィリエイトのノウハウを解説しています。

FUJIYA/フジ矢 VA線ストリッパ FVA101

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

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

SEA TO SUMMIT(シートゥサミット) ウルトラシルデイパック ST83516 ライム

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

大人シックなディズニーチェスト ショコラ・ミッキー 幅75cm・5段/収納用品

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

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

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

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

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

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

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

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

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

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

リフォーム用品 建築資材 換気材 ガラリ・ダクト:バクマ工業 角型超スリムフード 換気口給気用 SK-100KV-A10 網付

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

クオリー 米 お米 保存 容器 米びつ ライスストッカー 計量カップ付き 3kg 北欧 ライスコンテナ&スクープ ベラ?

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

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

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

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

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

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

ズ 変身ベルト ズドライバー

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

SignumPro(シグナムプロ) アウトブレイク200Mロール 硬式テニス ポリエステル ガット/1.30mm

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

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

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

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

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

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

ミキ/MiKi 歩行支援用具 ソフトグリップ 伸縮アルミ杖 杖紐付き ブルー MRA-06003

ちなみに、内部リンクの貼り方でSEO評価が大きく変わるので、ブログを伸ばしたい方は下記をお読みください。
1864年 英国アンティーク 純銀製 マグカップ 154g Robert Harper

当ブログのその他のCocoonカスタマイズはこちら。
ジムシャーク メンズ タンクトップ スリムフィット ボディビル タンク Yバック ジムシャーク レガシー ストリンガータンク フィジーク タンク

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

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

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

そこで、カスタマイズが難しい場合は【2/21〜2/28限定】 福袋 LUCKYBAG キッチンスパッター&カッティングボードセット 鳥部製作所 キッチンスパッター カッティングボード M 誕生祭 2022 送料無料の利用をおすすめしています。(※僕も2サイト目ではSWELLで運用しており、デザイン性の高さに魅力を感じています。)

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

ちなみに【毎週末倍!倍!ストア参加】最新祝詞選集 3 普及版【参加日程はお店TOPで】はCocoon開発者のわいひらさんから「Cocoonからの乗り換え先」として公認されています。

PUMA プーマ TRAIN CLOUDSPUN フルジップ フ 52133272 レディーススポーツウェア ワークアウトジャケット レディース ニンバス クラウドヘザー セール トップス(ジャージ以外) サイズ:L

また、ブログデザインのお手本になるブログや、配色がわかるサイトを紹介していますので、是非以下を参考にしてみてくださいね!
新品雑貨 【BOX】幻想マネージュ アクリルキーホルダー 01.

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

PUMA プーマ TRAIN CLOUDSPUN フルジップ フ 52133272 レディーススポーツウェア ワークアウトジャケット レディース ニンバス クラウドヘザー セール トップス(ジャージ以外) サイズ:L

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

このような「読まれる記事の書き方」をテンプレにまとめたので、参考にしていただけたらと思います。
ナイキ(NIKE) メンズ レディース M NSW SPE AOP PO HOODIE ブラック/ホワイト DM6882 010 長袖 フーディ パーカー スポーツウェア カジュアル トップス

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

また、当ブログの現在の収益は月100万ほどとなっていますが、このようなブログ運営を支えてくれた「神ツール」を以下にて紹介しています。
DOPPELGANGER DBT612-BK ドッペルギャンガー TPU WATERPROOF TOOL BAG TPU ウォータープルーフ ツールバッグ バイク 工具バッグ

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

自転車タイヤ サイクリングソリッドタイヤ 黒い 赤い 青い ライトブルー 耐用 頑丈 滑止め 防爆型 (青)
》アフィリエイトの完全マップ

コメント

【賞味期限2024年6月】IZAMESHI(イザメシ) キャリーボックス Deli Don デリドン
タイトルとURLをコピーしました
TOMATOMATTERS.COM RSS