Cocoonにはブログカードという機能があり、この機能を使うと、別のページへのリンクをカッコよく作成出来たり、リンク先のページビューを高める事が出来ます。ここではブログカードの設定方法を説明します。
ブログカードとは
ブログカードとは、具体的には下のように別ページのリンクに、簡単な図や説明が表示されたものです。結構、かっこいいでね。
リンク先のURLを用意
ブログカードを作る前に、まずはリンク先のURLを用意しておきましょう。この例でのリンク先は「https://koremo2020.com/cocoon/8914/」にします。
ブログカードを設定する
ブログカードを設定するには、①「ブロックを追加」をクリックして、ブロック一覧が表示されたらCocoonのブロックの中にある「ブログカード」を選択します。
![](https://i0.wp.com/koremo2020.com/wp/wp-content/uploads/2024/04/COC_blog01.png?resize=800%2C147&ssl=1)
ページにブログカードが追加されたら、①ブログカードの空白部分をクリックしてメニューを表示します。メニューの中の②リンクアイコンをクリックするとURLを入力するウィンドウが表示されるので、そのウィンドウで③リンク先のURLを設定します。
![](https://i0.wp.com/koremo2020.com/wp/wp-content/uploads/2024/04/COC_blog02.png?resize=800%2C318&ssl=1)
URLを入力したら、右側にあるEnterアイコンをクリックして確定させます。Enterアイコンをクリックしないと正しく設定されないので忘れずにクリックしましょう。
![](https://i0.wp.com/koremo2020.com/wp/wp-content/uploads/2024/04/COC_blog03.png?resize=800%2C253&ssl=1)
URLが、このような表示になれば設定は完了です。
![](https://i0.wp.com/koremo2020.com/wp/wp-content/uploads/2024/04/COC_blog04.png?resize=800%2C145&ssl=1)
今回の例では下図のようなブログカードが作成されて、クリックするとリンク先のページが表示されるようになります。
![](https://i0.wp.com/koremo2020.com/wp/wp-content/uploads/2024/04/COC_blog05.png?resize=800%2C169&ssl=1)
ブログカードのラベル
ブログカードには「ラベル」と呼ばれるテキストを表示させる事が出来ます。デフォルトでは「ラベルなし」になっていますが、幾つかあるテキストの中から任意のテキストを表示させる事ができます。
![](https://i0.wp.com/koremo2020.com/wp/wp-content/uploads/2024/04/COC_blog06.png?resize=800%2C91&ssl=1)
ブログカードのラベルを設定したい場合は、ブログカードを選択した状態で画面右側の設定ウィンドウの「ラベル」部分で設定します。画面右側のラベル部分をクリックすると、プルダウンで幾つかのテキストが表示されるので、その中から表示させたいテキストを選択します。
![](https://i0.wp.com/koremo2020.com/wp/wp-content/uploads/2024/04/COC_blog07.png?resize=800%2C213&ssl=1)
この例の場合は、「合わせて読みたい」を設定しました。
![](https://i0.wp.com/koremo2020.com/wp/wp-content/uploads/2024/04/COC_blog08.png?resize=800%2C194&ssl=1)
ブログカードが、さらにカッコよくなりましたね!