JINのVer1.76から、fontawesomeを利用した「アイコンボックス」を使うことができるようになりました。
アイコンボックスの使い方
ビジュアルエディターの「ショートコード」>「アイコンボックス」と進んで、利用したいボックスを選択しましょう。
あとはボックス内に書き込みたい文章を入力すれば完了です。
【補足】好きなアイコンでボックスを作りたい場合
お好みのアイコンでボックスを作りたい場合、以下の方法でボックスを作ることができます。
- 以下のHTMLから使いたいボックスを選ぶ
- FontAwesome5から好きなフォントコードをコピー
- HTMLにFontAwesomeを貼り付け
黄ボックス
See the Pen BqgRPW by YUYA KIMUA (@HTJ-AFF) on CodePen.
緑ボックス
See the Pen jejmXZ by YUYA KIMUA (@HTJ-AFF) on CodePen.
赤ボックス
See the Pen GYbmLN by YUYA KIMUA (@HTJ-AFF) on CodePen.
青ボックス
See the Pen GYbmLN by YUYA KIMUA (@HTJ-AFF) on CodePen.
【無料】メルマガでブログ講座やってます↓
JIN（ジン）は読む人も書く人も、どちらも心地よく使える最高のWordPressテーマを目指して作り上げました。
月100万円以上稼ぐアフィリエイターのノウハウが凝縮されているテーマです。売れるメディア作りに必要なものは、このテーマ内にすべて揃えました。
