目次
WordPress/Cocoonテーマ アイコンリストの使い方
Cocoonブロックのアイコンリストの解説です。
超初心者向けなので高度な設定の追加CSSについては記載していません。
私がブロックの一覧を見ても名称も機能もさっぱりわからなかった経験から同じ初心者さんのお役に立てたらと思い解説していきます。
Cocoonブロックでできること
![](https://mayulog.xyz/wp-content/uploads/2020/06/6e6073cbf2bf5747d3e6b303cc243961-1024x365.jpg)
ブロックの追加→下にスクロールして、Cocoonブロックで開きます。
※画像では[∨]のマークのところを指定していますが[∨]じゃなくても開きます。
アイコンリストの表示
![](https://mayulog.xyz/wp-content/uploads/2020/06/d160a53f71104dc4e5ed3c300ba3ba79.png)
アイコンは画面右側の設定が文書のままだと表示されないので、ブロックに切り替えてください。
この設定画面が閉じている場合は、右上の公開するの横の車輪マークで開きます。
アイコンと数字の切り替え
![](https://mayulog.xyz/wp-content/uploads/2020/06/dc54aea775f1a4597941d9227674de0e-1024x255.png)
※ここが数字で設定されているとアイコンの選択ができません。
スタイル設定以外での装飾方法
![](https://mayulog.xyz/wp-content/uploads/2020/06/dc54aea775f1a4597941d9227674de0e-1-1024x255.png)
このような感じになりました。
あとがき
このブログでも使用しているCocoon(コクーン)というテーマは無料なのが信じられないほどとても高機能でオススメです。
![](https://mayulog.xyz/wp-content/uploads/2020/06/animal_chara_computer_azarashi-150x150.png)
有料テーマ?…無料テーマ?
どう違うの?もうわかんないことばかりだ…
悩みすぎて諦めなくて大丈夫です。
Cocoonユーザーはたくさんいますので、安心して始められます。
![](https://mayulog.xyz/wp-content/uploads/2020/06/animal_chara_computer_penguin-150x150.png)
私も悩んで迷って消耗したけどさ
![](https://www12.a8.net/0.gif?a8mat=2ZPRJ1+CFPZOY+50+2HOB4X)
コメント