WordPressの配色設定でもう迷わない

WordPressサイトの配色設定
WordPressの配色、選ぶだけで失敗しません
色を一つひとつ決めなくても、サイト全体の配色がまとまります。Engawaのカラープリセットの使い方をご紹介します。
配色テーマの使い方
手順は3つです。プリセットを選び、公開ボタンで反映し、必要に応じて一部の色だけ調整します。
カラープリセットで簡単に配色を整える
自分で色を選ぶと、目立たせたい気持ちが先に立って、かえってまとまりのない印象になることがあります。カラープリセットは、あらかじめバランスのとれた組み合わせから選ぶだけなので、そうした失敗を避けられます。
配色テーマを選ぶ
「Engawa設定」の「配色テーマ」画面を開き、一覧から気に入ったカラープリセットをクリックします。選択式なので、色の値を自分で入力して間違えてしまう心配はありません。
公開ボタンで反映する
プリセットを選んだら、画面上部の「公開」ボタンを押します。背景色・文字色・アクセントカラーなど、サイト全体の色がまとめて切り替わります。
一部のブロックだけ個別に調整する
プリセットを選んだあとでも、コンテンツ・ヘッダー・フッター・トラスト(実績の数字を見せるブロック)・CTAバナー・タイムラインのブロックごとに、背景色や文字色を個別に調整できます。トラストやCTAバナーは、もう少し淡い色にしたいなど、好みが分かれやすい部分です。鉛筆マークのアイコンから、好きな色を直接入力することもできます。
独自HTMLで作成する場合について
よくある質問
Q
色を選ぶだけでサイト全体に反映されますか?
はい。プリセットを選んで「公開」ボタンを押すと、背景色・文字色・アクセントカラーなどがサイト全体にまとめて反映されます。
Q
選択を間違えて変な表示になることはありませんか?
色は選択式で、色の値を自分で入力する必要がないため、入力ミスで表示が崩れる心配はありません。
Q
一部の色だけ個別に変えることはできますか?
はい。コンテンツ・ヘッダー・フッター・トラスト・CTAバナー・タイムラインの各ブロックは、プリセットとは別に、背景色と文字色を個別に調整できます。
Q
独自にHTMLでページを作った場合も配色設定は反映されますか?
独自HTMLのページには反映されません。CSSでの指定が必要になるため、Engawaのブロックの範囲内で作成することをおすすめしています。
Q
個別に調整できる箇所をすべて変えてもよいですか?
個別に調整できる箇所は、統一感が崩れにくいよう、あえて絞ってあります。それ以上のカスタマイズは、WordPressの追加CSSで対応いただけます。
配色に迷ったら、まずはプリセットから
「Engawa設定」の配色テーマから、お気軽にお試しください
