WEBデザイン

《JIN》ボックスのデザイン一覧

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

WordPressテーマ【JIN】の、ボックスのデザイン一覧をザッと並べてみました。

デフォルトではボックスごとにカラーが異なりますが、簡単にカスタマイズすることができます

※カスタマイズ方法は割愛しますm(_ _)m

こっさくま

このサイトのカラーに合わせて色を変更したやつも記事後半に載せてみました(゚∀゚)

シンプルボックス【デフォルト】

見出し付きボックス【デフォルト】

※《黒板ボックス》はカラー変更不可

Title

黒板ボックス

アイコンボックス

※《アイコンボックス》はカラー変更不可

注意

電球

カート

お知らせ

吹き出し

チェック

鉛筆

情報

歯車

クリップボード

いいね!

よくない

ハート

はてなマーク

以上が【JIN】デフォルトのカラーとなります!(゚∀゚)

⬇︎⬇︎⬇︎ そしてここからは ⬇︎⬇︎⬇︎

こっさくまのサイトに合わせてカラーを変更させたものです!

シンプルボックス【カスタマイズ】

太枠ボックス

太点線ボックス

二重線ボックス

細枠背景色ボックス

細点線背景色ボックス

背景色ボックス

太枠背景色ボックス

左線ボックス

端折れボックス

注意点ボックス

良い例ボックス

悪い例ボックス

参考ボックス

メモボックス

ポイントボックス

見出し付きボックス【カスタマイズ】

Title

背景色付きボックス1

(カスタマイズ画面では「タイトル付きボックス」という名称です)

Title

背景色付きボックス2

(カスタマイズ画面では「小さいタイトル付きボックス」という名称です)

Title

細線ボックス1

(カスタマイズ画面では「枠ありタイトル付きボックス」という名称です)

Title

細線ボックス2

(カスタマイズ画面では「タブ付きボックス」という名称です)

Title

黒板ボックス

※これはデフォルトと同じです
(カスタマイズ不可)

まとめ

改めて一覧にしてみると、、

種類豊富なので、すべて使いこなすのは難しそうですね(・3・)

まぁこれらの中から、お気に入りのボックスをいくつかピックアップして定番化させていくと統一感が出て良いかもしれませんね!

それではまた次回も よろしくお願いします!٩( ᐛ )و

COMMENT

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

CAPTCHA