見出しやアイコンのカラーを変えよう

あなたのホームページでもっとバリエーションにとんだカラー変更が、ロゴ、アイコン、ボタン、アンダーラインがひかれているリンク、価格表などの見出し、ショップでの商品名など細かなところでできます。デザインの統一性を図るため、どのような色が設定できるかはテンプレートによって決まっています。タイトルだけちょっと目立たせたい、アイコンをもっと違う色にしたいなどの際、以下のように変更できます:

1. 編集画面右上の設定をクリック

Webnodeカラー変更

2. 左メニューでデザインを選び、右上のサイトカラーの横カラーを変更をクリック

デザイン設定

3. カラー変更の画面が出てきます。
ポイント: このウィンドゥではコンテンツの編集はできません。右上のX 印か、変更を保存をクリックして編集ページに戻ることができます。

見出しやアイコンの色変更

4. 右上の詳細設定をクリックすると、どの項目のカラーを変更するか設定できます。ボタンの横がグレーでオフになっている場合は色は基本色でそのままになります。

色を変えたい項目を選択

 左上のカラーの横のボックスをクリックすると、選べる色のパレットが出てきます。このカラー変更はサイト内で変更できるすべての項目に適用されますので、見出しやアイコンなど変更したいものを上記4詳細設定で選択します。1番左のカラーを選ぶとそのページの項目の色は変わりません。

 

カラー変更 詳細設定

6. 変更した色は右上のボタン変更を保存をクリックして保存する必要があります。変更しない場合は、変更を保存ボタンの右のX 印をクリック。 

カラー変更

ポイント: 通常のテキストの場合は、編集画面のそのテキストの箇所でカラーの変更ができます。通常のテキストの箇所で見出しやサブタイトル(小見出し)を設定している場合、上記で行ったカラー変更は適用にならないため、ここで直接行う必要があります。

通常のテキストのカラー変更


探している質問が見つからない場合