THE THOR（ザ・トール） IcoMoonクラス名・コード名 一覧表を作ったよ【498個】

WordPressの有料テーマ【THE THOR（ザ・トール）】では設定不要で🔗IcoMoonのアイコンフォントが利用出来ます。

クラシックエディターでは「アイコン挿入」ボタンがありますが、CSSの疑似要素やブロックエディターでも使えるようにTHE THOR用のクラス名とコード名一覧表を作りました。

こんなアイコン。　　　

段落で使う

ブロックエディターの方向け。クラシックエディターでも文中で使うならボタンで挿入よりこちらの方が使い勝手が良いです。

<span>に「一覧表のクラス名」を指定します。

🖐例えば「ラインのアイコン」を表示させたい時は下記のコードになります。色の指定style=”color:#06c755;”は削除してＯＫです。

<p>今度<span class="icon-line" style="color:#06c755;"></span>を教えるね。</p>

今度を教えるね。

疑似要素で使う

content: に「一覧表のコード名」を指定します。

🖐例えばを疑似要素として表示させたい時は下記のコードになります。

content: "\e900";

疑似要素：リストで使う

THE THORのリストデザインも変えられます～。

• ぱっくまん
• パックマン
• 朴満

.content ul > li::before{
  color:#8b4513;/* 色 */
  content: "\e91f";/* 一覧表のコード名 */
  transform: scale(1.1);/* 大きさ */
}

IcoMoonクラス名・コード名 一覧表

498個あります。作るのがんばった。

ヨシ

IcoMoon公式とは少しコード名が違うよ。