【WordPress・Cocoon】アイコンリストの使い方【超初心者向け】

目次

WordPress/Cocoonテーマ アイコンリストの使い方

Cocoonブロックのアイコンリストの解説です。
超初心者向けなので高度な設定の追加CSSについては記載していません。

私がブロックの一覧を見ても名称も機能もさっぱりわからなかった経験から同じ初心者さんのお役に立てたらと思い解説していきます。

Cocoonブロックでできること

ブロックの追加→下にスクロールして、Cocoonブロックで開きます。

※画像では[∨]のマークのところを指定していますが[∨]じゃなくても開きます。

Cocoonブロック一覧
  • 吹き出し
  • アイコンリスト
  • ブログカード
  • アイコンボックス
  • 白抜きボックス
  • 案内ボックス
  • 検索案内
  • 付箋風ボックス
  • 囲みボタン
  • タブボックス
  • ボタン
  • トグルボックス
  • タイムライン

アイコンリストの表示

タイトルがある場合はここに入力できます
  • リスト
  • リスト
  • リスト

アイコンは画面右側の設定が文書のままだと表示されないので、ブロックに切り替えてください。

この設定画面が閉じている場合は、右上の公開するの横の車輪マークで開きます。

タイトルは入力しなくてもOK
  • アイコンは数種類あります
  • アイコン色も設定できます
  • ボーダー色で枠がつけられます
文字色も変更できます
  1. 数字にするとアイコンは選択できません
  2. ボーダー色・背景色・文字色の設定はできます
  3. 改行したい場合は[shift]+[enter]で改行します(アイコン同様)

アイコンと数字の切り替え

※ここが数字で設定されているとアイコンの選択ができません。

スタイル設定以外での装飾方法

スタイル設定以外での装飾
  • リスト(太字)
  • リスト(青色アンダーラインマーカー)
  • リスト(緑太字)
  • リスト(黄色マーカー)
  • リスト(文字色+取り消し線)
  • リストりすと(ふりがな)

このような感じになりました。

あとがき

このブログでも使用しているCocoon(コクーン)というテーマは無料なのが信じられないほどとても高機能でオススメです。

有料テーマ?…無料テーマ?
どう違うの?もうわかんないことばかりだ…

悩みすぎて諦めなくて大丈夫です。
Cocoonユーザーはたくさんいますので、安心して始められます。

私も悩んで迷って消耗したけどさ

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!

この記事を書いた人

思ったことを書いています。
自分の為が誰かの為になっていたら嬉しい。

2020年
友人の死とコロナショックと三浦春馬ショックから人生観が変わる。

【いつかの夢】
自分のいたい場所で自由に楽しく笑顔で♪
沖縄移住・北海道移住・海外移住もいいね。

【習得したい事】
Web系、IT系スキル・語学・ギター・カメラ

説明書読まずに始めるタイプなので遠回りしがち。
※SONYのVlogカメラが欲しいです。

コメント

コメントする

目次