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

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

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


スポンサーリンク

Cocoonのブログカードとは

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



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


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

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



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

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


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


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


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


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

右サイドバーが表示されていない場合は、上にある「設定」をクリックすると表示されます。


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


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


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

ブログカードのリンクの開き方には、新しいタブで開く方法と同じタブで開く方法があります。当サイトは、内部リンク・外部リンクともに「新しいタブで開く」に設定しています。ブログカードのリンクの開き方は、好みに合わせて設定してください。


内部リンク(新しいタブで開く)

外部リンク(新しいタブで開く)


「新しいタブで開く」ように設定した理由は、ユーザーがリンク先へ移動した後に再び当ページへ戻って来てもらいやすくするためです。


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

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


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

Cocoonでブログカードのリンクの開き方を設定するためには、Cocoon設定の「本文」と「ブログカード」の両方で設定する必要があります。


1.まずは、Cocoon設定の「本文」タブをクリックします。


2.外部リンクの開き方「変更しない」、内部リンクの開き方「変更しない」を選択します。

※初期設定でも「変更しない」になっているはずですが、なっていない場合は設定を変更して「変更をまとめて保存」をクリックしてください。

Cocoon設定の「本文」で設定したリンクの開き方は、後で説明する「ブログカード」での設定より優先されます。「変更しない」以外を選択した場合は、ここで設定した開き方になるため「ブログカード」でどんな設定をしても反映されません。


3.次に「ブログカード」タブをクリックします。


4.リンクの開き方の横にあるチェックボックスにチェックを入れると「新しいダブで開く」、空欄にすると「同じタブで開く」に設定されます。設定したい開き方に変更して「変更をまとめて保存」をクリックします。


これで、Cocoonのブログカードのリンクの開き方の設定が完了しました。


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

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


内部ブログカードの設定

  • サムネイルスタイル:サムネイル(画像)の表示位置を選択
  • 日付表示:表示する日付を選択

Cocoonの初期設定では、日付表示が「投稿日」になっているので「更新日」に変更しました。更新日を表示しておくと、ユーザーに最新の記事へ更新していることを伝えられるからです。


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


外部ブログカードの設定

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

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


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

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

まとめ
  • リンクの開き方を変更するときは、「本文」と「ブログカード」両方で設定する
  • ブログカードに入力するURLは間違えないように、リンク先のアドレスバーからをコピーして貼り付ける



コメント

タイトルとURLをコピーしました