まずは「Cocoon設定」→「ブログカード」の下部「外部ブログカード設定」で「ブログカード表示を有効にする」にチェックを入れ保存しておきます。
![](https://boost-media.net/kid/wp-content/uploads/2021/01/210112blogcard-1024x492.png)
記事投稿画面でURLを挿入すると下のような表示が出ますが…
![](https://boost-media.net/kid/wp-content/uploads/2021/01/210112blogcard2.png)
気にせず「リンクへ変換」で、URLリンクが挿入されます。
![](https://boost-media.net/kid/wp-content/uploads/2021/01/210112blogcard3.png)
プレビューを見るとブログカードが表示されているのが確認できます。
![](https://boost-media.net/kid/wp-content/uploads/2021/01/210112blogcard5.png)
下がそのブログカードです。
![](https://boost-media.net/kid/wp-content/uploads/cocoon-resources/blog-card-cache/108c49e090fdc09624985bcdac7e342e.jpg)
外部ブログカードの表示方法
投稿・固定ページに外部リンクブログカードを表示させる方法の紹介です。外部ブログカードは、キャッシュを利用して表示を高速化しているので、キャッシュの更新方法も紹介しています。