比較表のブロックを追加しました!

JIN:Rでの「アイコンボックス」の作り方!アイコンの変更方法もあわせて解説

ひつじ

WordPressテーマ「JIN:R」でのアイコンボックスの作り方を解説します。

アイコンボックスの例

アイコンボックスの例

アイコンボックスの例

アイコンボックスの例

アイコンボックスの例

アイコンボックスの例

アイコンボックスの例

アイコンボックスの例

注意点

アイコンボックスの例

メリット

アイコンボックスの例

デメリット

アイコンボックスの例

参考資料

アイコンボックスの例

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

アイコンボックスを呼び出す

記事の入力画面で/アイコンボックス と入力して呼び出してください。

少しお時間をいただきますが、↑の動画をじっくり見てもらうのがわかりやすいと思います

デザイン(アイコン)を選ぶ

アイコンボックスのデザイン変更は「アイコンボックス」の右サイドバーで可能です。

「ベーシック」「タイトル付」で使い分けることも可能です。

ベーシックのアイコンボックス

タイトル付

タイトル付のアイコンボックス

アイコン・配色を一括変更する

アイコン・色を一括変更することも可能です。

WordPress管理画面から「カスタマイズ」に進んで、「ボックス」のタブにある「アイコンボックス」に移動しましょう。

こんな感じで、アイコンボックスをうまく使いこなしてください!

ひつじくん
ひつじくん
他の記事も読んでみましょう
ABOUT ME
ひつじ
ひつじ
ブロガー / デザイナー
WordPressテーマ「JIN」の制作者として、設計とデザインを担当している。

会社員として働くのが嫌すぎて、2016年に収入0円でブログ起業。SEOとアフィリエイトを組み合わせて開始1年で月100万円超の利益を達成する。

しかしその反動でアフィリエイトには飽きてしまい、もともと好きだったデザインを武器に、チームでWordPressの開発をおこなっている。
BLOGCAMP

限定コミュニティへのご案内

  • 参加費は永年無料
  • ブログ仲間が作れる
  • 困ったら相談OK
  • ブログ診断のイベントあり
参加者は3,000人超え!

すでに参加してくれている方は、「BlogCamp wiki」でブログ診断(アーカイブ)の限定動画を閲覧可能です。

wiki内にブログ勉強用の動画がたくさんあります!ぜひ役立ててくださいね。

ひつじくん
ひつじくん
記事URLをコピーしました