次の DEMO を見に行く
Blocks

【色の個別変更OK】 JIN:Rの「ボックス」は全20種類から選んで使える!

croover-site

JIN:Rでは、ブログ記事で使いやすいボックスをたくさん取り揃えています。

JIN:Rのボックスデザイン一覧

シンプルなボックス

  • ボックス
  • 内容を書きます
  • 色は自由に変更可能
  • ボックス
  • 内容を書きます
  • 色は自由に変更可能
  • ボックス
  • 内容を書きます
  • 色は自由に変更可能
  • ボックス
  • 内容を書きます
  • 色は自由に変更可能
  • ボックス
  • 内容を書きます
  • 色は自由に変更可能
  • ボックス
  • 内容を書きます
  • 色は自由に変更可能
  • ボックス
  • 内容を書きます
  • 色は自由に変更可能
  • ボックス
  • 内容を書きます
  • 色は自由に変更可能
  • ボックス
  • 内容を書きます
  • 色は自由に変更可能
  • ボックス
  • 内容を書きます
  • 色は自由に変更可能
  • ボックス
  • 内容を書きます
  • 色は自由に変更可能

タイトル付のボックス

ここにタイトルを入力
  • ボックス
  • 内容を書きます
  • 色は自由に変更可能
ここにタイトルを入力
  • ボックス
  • 内容を書きます
  • 色は自由に変更可能
ここにタイトルを入力
  • ボックス
  • 内容を書きます
  • 色は自由に変更可能
ここにタイトルを入力
  • ボックス
  • 内容を書きます
  • 色は自由に変更可能
ここにタイトルを入力
  • ボックス
  • 内容を書きます
  • 色は自由に変更可能
ここにタイトルを入力
  • ボックス
  • 内容を書きます
  • 色は自由に変更可能
タイトル
  • ボックス
  • 内容を書きます
  • 色は自由に変更可能
タイトル
  • ボックス
  • 内容を書きます
  • 色は自由に変更可能
ここにタイトルを入力
  • ボックス
  • 内容を書きます
  • 色は自由に変更可能

このボックスは引用テキストを書くのに適したものとなっています。

https://jinr.jp/

ボックスの「個別の色変更」が可能!

「同じボックスの色を使い分けたい!」という場合も、JIN:Rなら対応可能です。

メリットを記載するボックス
  • ボックス
  • 内容を書きます
  • 色は自由に変更可能
デメリットを記載するボックス
  • ボックス
  • 内容を書きます
  • 色は自由に変更可能
参考になる情報
  • ボックス
  • 内容を書きます
  • 色は自由に変更可能

「JINアイコン」と組み合わせると、より情報量の多いボックスに仕上げることも可能です。

アイコンボックスも利用可能

ボックスに加えて「アイコンボックス」も利用できるので、あわせて紹介をしておきます。

アイコンボックス

アイコンボックス

アイコンボックス

アイコンボックス

アイコンボックス

アイコンボックス

アイコンボックス

アイコンボックス

アイコンは200種類から選ぶことができますし、色変更も可能です。

詳しくは「JIN:Rのアイコンボックス」についての記事を参考にしてください。

ABOUT ME
JIN
JIN
ブロガー / デザイナー
WordPressテーマ「JIN:R」は、これまで培ったすべてのノウハウを結集して作り上げた最高のデザインツールです。 ブログの初心者でも、直感的にwebデザインを楽しめるテーマとして3年間の試行錯誤を重ねて仕上げました。
記事URLをコピーしました