設定方法

カラー設定の追加項目

CARATでは今までのJINのカラー設定に新たに6ヶ所の項目を追加しました。

今回のCARATのカスタマイズに欠かせないカラー設定ですので、各項目がどこに作用するのか確認しながらカラー設定を行なっていってください。

それでは設定&項目のご紹介です。

パンくずリストのカラー設定

パンくずリストの背景色

今までパンくずリストの背景色は、「フッターの背景色」の少し薄くなった色が自動的に選択され変更するにもフッターの背景色を変えるほかありませんでした。

これによりデザインに統一感が出て、初心者でもカラー配色に困らない設定にはなっていたのですが、汎用性には少し欠けた部分がありました。

そこでCARATではパンくずリストの背景色を自由に選択できるようにし、デザインに幅を効かせる様々なデザインを試せるようになりました。

パンくずリストの文字色

背景色が選択できるようになったことに伴い、文字色も自由に選択できるようにしました。

パンくずリストの文字色も基本的にはメインコンテンツのテキストカラーと同じでいいとは思うのですが、自由度を効かせた方がより自分らしいデザインに仕上げることができると思います。

りょうた
りょうた
自由にカスタマイズできるから自分だけのブログができるなぁ・・。

フッターカラー設定

フッター外側背景色

CARATではフッターの背景色を二段階構造にするカスタマイズが可能になっています。今までの単色構造ではなく、二色を自由に使い分けることでここでも独自のデザインに変えることができます。

フッターホバー時のカラー

今までのJINではフッターをマウスでホバーしても文字が動くだけで色が変わることはありませんでした。

CARATではメインコンテンツ同様、マウスホバー時にカラーが変わるように設定しそのカラーも自由に選べるようにしました。

あまり目立たないフッター部分ではありますが、細かな設定をすることでサイトとしての完成度は高くなります。

ボタン1つでできるのでぜひ活用してみてください。

スマホフッターカラー

スマホ時の固定フッター部分のカラー設定です。

JINのデフォルトではここのカラー設定はできず独自にカスタマイズする必要がありました。

CARATではここのカラー設定を自由に行えるようにカスタマイズし、さらにデザインの幅を広げました。

CARAT専用デモスタイル

とはいえ、カラー配色パターンは初心者の方はかなり難しいものがあります。CARATの追加で自由度は広がったとはいえ、デザインをしたことがない方からすればどうすればいいかわからないですよね・・。

りょうた
りょうた
  選択肢が増えるのはいいけど、逆に迷ってしまうよなぁ・・・。

ということでCARATで使えそうなデザインでデモスタイルを作成しました。

CARATデモ一覧...

デザインはいいけどどうしようと迷った方は参考にしてみてください!

WordPressテーマ「JIN」専用デザインプラグイン『CARAT』

「CARAT」は大人可愛いを追求した女性向けデザインプラグインです。

WordPressテーマ「JIN」の機能性と「CARAT」のデザインでより読み手に感動を与えるプラグインを作りました。

「自分のブログが好き」

そんな人が1人でも増えてくれたらと心から願っています。