こんにちは!minilikaです。
WordPressでブログをつくりはじめ、
やっといくつか記事ができあがってきました。
関連記事も増えてきたので、
他の記事ともリンクさせたい。
そんなときに便利なのがこちら!
ブログカードです。
テーマはcocoonを使っているのですが、
cocoonではブロック機能で手軽にブログカードを設置できます。
![](https://www.makalikamalama.com/wp-content/uploads/2024/04/79f53e4daec9b89363dd7d44def2c158.jpg)
+ボタンをクリックし、下の方へ
cocoonブロックコーナーに
ブログカードがあるのでクリックします
![](https://www.makalikamalama.com/wp-content/uploads/2024/04/4d492300ff317cf83c1c2f49a59d2bfd.jpg)
URLを貼り付けます
![](https://www.makalikamalama.com/wp-content/uploads/2024/04/8ac9b58a0b1ef1f6bddeb636f5b46199.jpg)
ラベルを選ぶと、左上に表示できます
これで完成です!問題がなければ
プレビュー画面ではカード表示されるようになります。
※cocoon設定でブログカードの表示を有効にしておきましょう!
そう、問題がなければ。
私の場合はURLがそのまま表示される状態になりました。
![](https://www.makalikamalama.com/wp-content/uploads/2024/03/cdaa6183aa98fd0c9c064428cf399ef8.jpg)
調べてみると2つの原因がありました。
この記事ではcocoonのブログカードが
表示されない原因をご紹介します。
原因①正しいURLになっていない
![](https://www.makalikamalama.com/wp-content/uploads/2024/03/83cd90c95491580a9bd33181995d7bd2.jpg)
上記の誤りがないか確認しましょう。
私の場合は日本語が含まれていることが原因でした。
該当ページを開き、直接URLをコピーしても、
貼り付けるとタイトル名になる状態に。
一度メモ帳に張り付けることで解消できました。
- URLをコピーする
- メモ帳に張り付け
- ②を再度コピーしてカードへ貼り付け
原因②ブログカードの表示を有効にしていない
cocoonの設定を確認してみましょう。
![](https://www.makalikamalama.com/wp-content/uploads/2024/03/e7bce26485d0d98b3c43584525f12bbc.jpg)
- cocoon設定→ブログカードをクリック
- 「ブログカード表示を有効にする」にチェック
- 設定を保存
投稿内でブログカードを作成しても、
cocoon設定で有効にしていないと
表示されないので気をつけましょう。
まとめ
解決できましたでしょうか。
ブログカードはとっても便利なのでぜひご活用くださいね!
![](https://www.makalikamalama.com/wp-content/uploads/2024/03/0e4de84d8256e046e7589e63bbf2a1f5.jpg)
これで解決できなかった場合、
私にはお手上げです(´;ω;`)ごめんなさい!
もし独自にCSSのカスタマイズをしている場合、
影響しあっている可能性もあるので確認してみてくださいね。
ブログカード内の文章について
自動で投稿内容の抜粋文が入るのですが、
ちょっと長すぎたり、概要が分かりにくいことも。
投稿の編集画面の下、カスタムCSS内の
メタディスクリプション欄を入力してみましょう。
ブログカードの抜粋文として表示されますよ!