![Cocoon これブログカードっていうんだ!【リッチリンク】](https://yoshiyattemiru.com/wp-content/uploads/2022/05/create-blog021-1024x576.jpg)
ここでは、ブログカードってなに?という人やブログカードの設置方法がわからないという人向けに、「ブログカード」について、画像付きで解説いたします。
この記事はCocoonユーザ向けとなります。(ライブドアブログからCocoonに移行した人向け)
「ブログカード」はサムネイル(アイキャッチ)付きでリンクが生成されるので、文字だけのリンクよりが情報量が多く、記事にめりはりをつけることができるのでおすすめです。
ブログカードとはサムネイル画像付きのリンク
ここでは、ブログカードの使いかたを解説いたします。
「ブログカード」とは、ライブドアブログでいう「リッチリンク」のことだったのですね。
↓こんな感じのリンクです。
ブログカードを設置してみよう
Cocoon設定でブログカードを有効化
まずCocoon設定>ブログカードの項目を表示します。
![](https://yoshiyattemiru.com/wp-content/uploads/2022/04/blogcard001.jpg)
ブログカード表示を有効にするにチェックを入れます。
それぞれ「内部ブログカード」「外部ブログカード」で設定します。
![](https://yoshiyattemiru.com/wp-content/uploads/2022/04/blogcard002.jpg)
※内部ブログカードとは、URLやURLリンクをブログカード形式で表示するための設定です。内部ブログカードは、投稿・固定ページを表示するためのものです。
※外部ブログカードとは、外部のURLやURLリンクをブログカード形式で表示するための設定です。
・サムネイルの画像を左右どちらに表示するか
・日付を表示するか
・新しいタブで開くか
・「外部ブログカード」ではキャッシュについての設定も可
リンクの開き方の項目は「内部リンク」「外部リンク」の設定が優先されるようです。
「内部リンク」「外部リンク」の解説はこちら
設定が終わったら変更をまとめて保存をクリックします。
「ブロックを追加」からブログカードを選択
記事作成中では、「ブロックを追加」からブログカードを選択します。
![](https://yoshiyattemiru.com/wp-content/uploads/2022/04/blogcard004.jpg)
本文にブログカードの領域ができるので、そこにURLをコピペします。
こんな感じになります↓
※投稿本文の表示と実際に表示される見た目は違います
![](https://yoshiyattemiru.com/wp-content/uploads/2022/04/blogcard003.jpg)
ラベルをつけることもできます。
![](https://yoshiyattemiru.com/wp-content/uploads/2022/04/blogcard005.jpg)
まとめ
✔ まずCocoon設定でブログカードを有効化しよう
✔ 記事作成中は、ブロックの追加からブログカードを設置
✔ 本文に現れた領域にURLをコピペするだけ!
✔ ラベルをつけることもできるよ
URLの先頭に「!(半角)」をつけると、ブログカードを有効にしていても、URLの文字だけが表示されるとのことです。
改行することでURLを複数まとめて設置することはできますが、URL以外の余計な文字を入れるとブログカードにならないようです。
![](https://yoshiyattemiru.com/wp-content/uploads/2022/03/yoshiyattemiruicon-150x150.gif)
ライブドアブログでは「リッチリンク」という名称だったのですが、Cocoonには見当たらないので設置できないと思っていたのです。
「サムネイル」を「アイキャッチ」というように、「リッチリンク」は「ブログカード」というのですね。
なにか「特別なカード」なのだと思っていました…。
adsドメイン登録料金国内最安1円から【お名前.com】
![](https://www14.a8.net/0.gif?a8mat=3N641S+3SCAB6+50+2HFY7M)
![](https://www11.a8.net/0.gif?a8mat=3N641S+3SCAB6+50+2HTO1D)