アイコンボックスの作り方

JINのVer1.76から、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対応】ブログデザインツール「Nomad Code」

WordPressテーマ「JIN」

JIN（ジン）は読む人も書く人も、どちらも心地よく使える最高のWordPressテーマを目指して作り上げました。

月100万円以上稼ぐアフィリエイターのノウハウが凝縮されているテーマです。売れるメディア作りに必要なものは、このテーマ内にすべて揃えました。

JINをダウンロード！