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

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

wp-jintest
<景品表示法に基づく表記> 当サイトの記事内に商品プロモーションを含む場合があります。

このページでは WordPressテーマ「JIN:R」でのボックスの作り方を解説します!

  • こうやって
  • ボックスを使うと
  • 要点が整理しやすいです!

ブログの基本アイテムだから、しっかり使いこなしていこう!

ひつじくん
ひつじくん

ボックスの作り方!カラー変更方法も解説

ボックスを呼び出す

ボックスを作る方法は「基本」と「おすすめ方法」の2パターンあります!

どう違うんだ??

おおかみくん
おおかみくん

おすすめ方法を覚えてもらった方が、圧倒的に時短になるよ!

ひつじくん
ひつじくん
Q
[基本] ボックスの作り方

画面右上の「+」ボタンを押して、「ボックス」をクリック。

すると、ボックスを呼び出すことができます!

Q
[おすすめ方法] ボックスの作り方

作り方:/ボックス と入力

半角のスラッシュ(/)を押してから、「ボックス」と入力すると、JIN:Rのボックスをすぐ呼び出せます。

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

ボックスデザインを変更するには?

「カスタマイズ」>「ボックス」へ進むと、デザイン変更する場所があります↓

ボックスの色が散っていると統一感が取れなくなってきます。

「テーマカラー」に統一したり、テーマカラーと対比になる「アクセントカラー」に統一しておくのがおすすめです!

Q
[動画] ボックスデザインの変更方法はこちら
他の記事も読んでみましょう
ABOUT ME
ひつじ
ひつじ
ブロガー / デザイナー
WordPressテーマ「JIN」の制作者として、設計とデザインを担当している。

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

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

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

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

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

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

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