WordPress/Cocoonテーマ ブログカードの使い方
Cocoonブロックのブログカードの解説です。
超初心者向けなので高度な設定の追加CSSについては記載していません。
私がブロックの一覧を見ても名称も機能もさっぱりわからなかった経験から初心者のお役に立てたらと思い解説していきます。
Cocoonブロックでできること
![](https://mayulog.xyz/wp-content/uploads/2020/06/6e6073cbf2bf5747d3e6b303cc243961-1024x365.jpg)
ブロックの追加→下にスクロールして、Cocoonブロックで開きます。
※画像では[∨]のマークのところを指定していますが[∨]じゃなくても開きます。
ブログカードの表示
![blogcard-demo](https://mayulog.xyz/wp-content/uploads/2020/06/1341191efdba278c797e24e4ebfc406f-1024x220.png)
Cocoonブロックからブログカードを選択すると、↑このように表示されます。
ラベルの表示
![](https://mayulog.xyz/wp-content/uploads/2020/06/8faf7dfc3a0ae69e1e707428099c4a2d.png)
スタイル設定→ラベルをクリックしたら一覧が表示されます。
ラベルの貼り方
それでは実際にブログカードを貼ってみます。
ラベルあり
ラベルなし
↑このように表示されます。
貼りたいURLを入力またはコピペします。
![](https://mayulog.xyz/wp-content/uploads/2020/06/7bca348a01c642843efceceb47aeb938-1024x656.png)
入力した画面ではこのように表示されますので、ちゃんと表示されるかプレビューで確認してみるといいと思います。
![](https://mayulog.xyz/wp-content/uploads/2020/06/e314318fbe39be9af9046f0d0979ad35-1024x317.png)
↑このように複数枚貼ることも可能ですが、ラベルは同一のものとなります。
表示はひとつづつ貼るのと変わりません。
あとがき
私以上の超初心者で、パソコンにもあまり詳しくない方でもわかるように説明してみましたがいかがでしたでしょうか?
![](https://mayulog.xyz/wp-content/uploads/2020/06/animal_chara_computer_azarashi-150x150.png)
参考になった!気に入った!
![](https://mayulog.xyz/wp-content/uploads/2020/04/animal_chara_smartphone_penguin-1-e1587505921562.png)
いいねボタンとチャンネル登録お願いします!笑
(YouTube風)
何か問題や、ここ間違ってるよ!
ってところがありましたら、コメント欄かツイッターでご指摘ください。
![](https://www17.a8.net/0.gif?a8mat=2ZPRJB+7NNPV6+CO4+6BEQ9)
![](https://www15.a8.net/0.gif?a8mat=2ZU2Q7+2D50AA+CO4+15UK41)
コメント