比較表のブロックを追加しました!
カラー設定

カラー設定の「基本設定」について|仕様とポイント

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

JIN:Rでは、各パーツのカラーを「カスタマイズ」で一括変更できるようになっています。

どこに何が反映されるのか、どうやって設定していくと綺麗にまとめることができるのか、について解説させてもらおうと思います。

ひつじくん
ひつじくん

テーマカラー

サイトの主役となる色

反映される場所:「見出し」「デザイン見出し」「カテゴリーラベル」「プロフィール」など、サイトにおける主要なパーツに設定されます

設定のポイント:薄い色よりも、それなりに濃くて目立つ色の方がマッチします

背景色

サイトの背景となる色で、ページフレームを「トリム」「トランスレート」にしていると特に重要になる色

設定のポイント:テーマカラーを薄めた色にすると無難に合います。やや応用ですと、黒にしてダークテーマっぽく仕上げたり、鮮やかな色を設定してページフレームの「トリム」で切り抜くといった形でも面白い表現ができます。

文字色

記事で使われる文字の色

設定のポイント:単純に真っ黒に設定するのではなく、テーマカラーの色味を少し混ぜたりすると統一感のあるデザインに仕上がります。

Next Page

次の記事はこちら

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

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

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

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

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

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

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

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