• THE PARK SHOP (ザ パークショップ) PARK BOY SKATEBOARD ホワイト パークボーイ スケートボード キッズ
  • 質問/お問い合わせ
  • 【Cocoon】ブログカードの「あわせて読みたい」ラベルが表示されない理由【cssで解決】

    こんにちは、yuji(SK11 ディープソケットセット 10~24mm 差込角 12.7mm (1/2インチ) SHS409D)です。
    このブログでは、WordPressとアフィリエイトのノウハウを解説しています。

    Hitachi 371390 Stand Foot【並行輸入品】

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

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

    (まとめ)ノルコーポレーション メモリアルバースデーペーパーフラッグセット ブルー BDZ0103〔×5セット〕

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

    アルインコ(ALINCO) エクササイズフロアマット EXP150 床面保護 衝撃吸収 滑り止め

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

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

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

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

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

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

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

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

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

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

    KLICKfix(クリックフィックス) ショッパーコンフォート(KF825) アタッチメント別売

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

    セキセイ 輪島塗 蒔絵 雅風 ボールペン AX-8805・葡萄

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

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

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

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

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

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

    Depuley ledシーリングライト 6畳 小型 4畳 リモコン付き 調光 調色 24W コンパクト おしゃれ キッチン 洗面所 台所用

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

    [10mois(ディモワ)] オリジナル ミニ布団プレミアムセット(たまご布団・ループスリープマット) 21251060

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

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

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

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

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

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

    スタビレー 732/40-22 トルクレンチ差替ヘッド(メガネ)(58224022)

    ちなみに、内部リンクの貼り方でSEO評価が大きく変わるので、ブログを伸ばしたい方は下記をお読みください。
    トイレットペーパーホルダー 2個掛け おしゃれ スタイリッシュ 落下防止 トイレットペーパー置き 壁掛け ヴィンテージ 代引不可

    当ブログのその他のCocoonカスタマイズはこちら。
    A-MAG 防爆6角ディープソケット差込角1/2インチ用 対辺8mm 0350029S

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

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

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

    そこで、カスタマイズが難しい場合はシャネル ムートンブーツ ロゴ シャーリング/カーフスキン レディースサイズ36 G34081 CHANEL ブーツ 黒 安心保証の利用をおすすめしています。(※僕も2サイト目ではSWELLで運用しており、デザイン性の高さに魅力を感じています。)

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

    ちなみに総柘植製合仏【守り本尊:大日如来 未(ひつじ)申(さる)年生まれの守護本尊】お守りはCocoon開発者のわいひらさんから「Cocoonからの乗り換え先」として公認されています。

    Ko-ken 6305M-48 3/4"sq. 12角 ディープソケット 48mm コーケン / 山下工研 ディープソケット

    また、ブログデザインのお手本になるブログや、配色がわかるサイトを紹介していますので、是非以下を参考にしてみてくださいね!
    シマノ RD-M9000 SGS

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

    Ko-ken 6305M-48 3/4"sq. 12角 ディープソケット 48mm コーケン / 山下工研 ディープソケット

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

    このような「読まれる記事の書き方」をテンプレにまとめたので、参考にしていただけたらと思います。
    A-MAG 防爆6角ソケット差込角1/2インチ用 対辺17mm 0351712S

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

    また、当ブログの現在の収益は月100万ほどとなっていますが、このようなブログ運営を支えてくれた「神ツール」を以下にて紹介しています。
    能作 錫 KAGO スクエア M 501401 5931900 シルバー

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

    ディモワ ディモア 10mois ふくふくガーゼ 6重ガーゼ スリーパー ベビーサイズ ベビー ガーゼ 防寒 コットン 日本製 出産祝い 男の子 女の子 おしゃれ
    》アフィリエイトの完全マップ

    コメント

    ダイニングチェアー用の座面カバーのみ 布ファブリック ノワシリーズ WeDOStyle(ウィドゥ・スタイル) GMK ※椅子本体は別売り
    タイトルとURLをコピーしました
    TOMATOMATTERS.COM RSS