お問い合わせ

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

カラープリセット

WordPressサイトの配色設定

WordPressの配色、選ぶだけで失敗しません

色を一つひとつ決めなくても、サイト全体の配色がまとまります。Engawaのカラープリセットの使い方をご紹介します。

18色
プリセット数
HOW TO

配色テーマの使い方

手順は3つです。プリセットを選び、公開ボタンで反映し、必要に応じて一部の色だけ調整します。

カラープリセットで簡単に配色を整える

自分で色を選ぶと、目立たせたい気持ちが先に立って、かえってまとまりのない印象になることがあります。カラープリセットは、あらかじめバランスのとれた組み合わせから選ぶだけなので、そうした失敗を避けられます。

配色テーマを選ぶ

「Engawa設定」の「配色テーマ」画面を開き、一覧から気に入ったカラープリセットをクリックします。選択式なので、色の値を自分で入力して間違えてしまう心配はありません。

公開ボタンで反映する

プリセットを選んだら、画面上部の「公開」ボタンを押します。背景色・文字色・アクセントカラーなど、サイト全体の色がまとめて切り替わります。

一部のブロックだけ個別に調整する

プリセットを選んだあとでも、コンテンツ・ヘッダー・フッター・トラスト(実績の数字を見せるブロック)・CTAバナー・タイムラインのブロックごとに、背景色や文字色を個別に調整できます。トラストやCTAバナーは、もう少し淡い色にしたいなど、好みが分かれやすい部分です。鉛筆マークのアイコンから、好きな色を直接入力することもできます。

独自HTMLで作成する場合について

独自のHTMLで作ったページには、配色設定が反映されません。反映させるにはCSSで色を指定する必要があり、慣れていない方には難しいため、Engawaのブロックの範囲内で作成することをおすすめします。
FAQ

よくある質問

Q

色を選ぶだけでサイト全体に反映されますか?

A

はい。プリセットを選んで「公開」ボタンを押すと、背景色・文字色・アクセントカラーなどがサイト全体にまとめて反映されます。

Q

選択を間違えて変な表示になることはありませんか?

A

色は選択式で、色の値を自分で入力する必要がないため、入力ミスで表示が崩れる心配はありません。

Q

一部の色だけ個別に変えることはできますか?

A

はい。コンテンツ・ヘッダー・フッター・トラスト・CTAバナー・タイムラインの各ブロックは、プリセットとは別に、背景色と文字色を個別に調整できます。

Q

独自にHTMLでページを作った場合も配色設定は反映されますか?

A

独自HTMLのページには反映されません。CSSでの指定が必要になるため、Engawaのブロックの範囲内で作成することをおすすめしています。

Q

個別に調整できる箇所をすべて変えてもよいですか?

A

個別に調整できる箇所は、統一感が崩れにくいよう、あえて絞ってあります。それ以上のカスタマイズは、WordPressの追加CSSで対応いただけます。

配色に迷ったら、まずはプリセットから

「Engawa設定」の配色テーマから、お気軽にお試しください