【Cocoon】ブログカードとは？リンクの設定方法と開き方

ブログカードとは、アイキャッチ画像や記事の説明が表示されているカード型のリンクのことです。Cocoonでは、ブログカードを簡単に設定することができます。また、ブログカードのリンクの開き方（新しいタブで開くのか同じタブで開くのか）についても詳しく説明します。

Cocoonのブログカードとは

Cocoonのブログカードとは、以下のようなアイキャッチ画像や記事の説明が表示されているカード型のリンクのことです。

ブログカードには、自分のサイトから外部サイトへのリンク（外部リンク）や自分のサイトの別ページへのリンク（内部リンク）が設定できます。ユーザーにとって役立つリンクを設定することで、サイトの信頼や利便性の向上につながります。

Cocoonのブログカード設定方法

Cocoonのブログカードを表示するためには、Cocoon設定の「ブログカード」にある内部ブログカード・外部ブログカードともに「ブログカード表示を有効にする」にチェックが入っていることが必要です。初期設定ですでに「有効」になっているので、間違ってチェックを外さないようにしましょう。

Cocoonのブログカード設定手順

1．投稿画面の左上にある「ブロック挿入ツールを切り替え」をクリックします。

2．すべてのツールが表示されるので、「Cocoonブロック」まで下にスクロールしていき「ブログカード」をクリックします。

3．表示されたブロックの中に、リンク先のURLを入力します。URLを間違えるといけないので、リンク先のアドレスバーからURLをコピーして貼り付ける方法をおすすめします。

Cocoonのブログカードにラベルを追加する

ブログカードにラベルを設定する場合は、右サイドバーにある「ラベル」をクリックします。プルダウンの中からリンクに適したラベルを選択します。

実際にラベルを設定したブログカードがこちらです。

これで、ブログカードが設定できました。次は、ブログカードのリンクの開き方（新しいタブで開くのか同じタブで開くのか）を設定していきます。

Cocoonのブログカードの開き方

ブログカードのリンクの開き方には、「新しいタブで開く」方法と「同じタブで開く」方法があります。

内部リンクは「同じタブで開く」、外部リンクは「新しいタブで開く」など、ブログカードのリンクの開き方は、好みに合わせて設定してください。

※当サイトは、内部リンク・外部リンクともに「新しいタブで開く」に設定しています。

内部リンク（新しいタブで開く）

外部リンク（新しいタブで開く）

Cocoonの初期設定では、内部リンクは「同じタブで開く」・外部リンクは「新しいタブで開く」ように設定されています。変更しないのであれば、そのままの設定で問題ありません。

しかし、内部リンク・外部リンクの両方とも「新しいタブで開く」など、初期設定とは異なる開き方を設定する場合は設定を変更しましょう。

ブログカードの開き方の設定方法

Cocoonでブログカードのリンクの開き方を設定するためには、Cocoon設定の「本文」で設定します。

1．Cocoon設定の「本文」タブをクリックします。

2．外部リンクの開き方を「新しいダブで開く」に設定します。

3．下にスクロールしていき、内部リンクの開き方を「新しいダブで開く」に設定します。

4．設定を変更できれば、「変更をまとめて保存」をクリックします。

これで、リンクの開き方の設定が完了しました。

Cocoonのブログカードその他の設定

Cocoonではブログカードの表示形式を簡単に変更することができます。

内部ブログカードの設定

• サムネイルスタイル：サムネイル（画像）の表示位置を選択
• 日付表示：表示する日付を選択

上記のように設定すると、このような内部ブログカードが完成します。

外部ブログカードの設定

外部ブログカードでは、サムネイルスタイルのみ選択できます。好みの位置を設定してください。

キャッシュの保存期間や更新は、必要な場合に変更します。初期設定のままでも問題ありません。

Cocoonのブログカードを効果的に設定しよう

Cocoonのブログカードは、ラベルの追加や表示形式などを簡単に設定することができます。サイトの信頼や利便性の向上につながるので効果的に設定しましょう。