「アクセントカラー」はヘッダーのサブメニューやフッターの背景色などサイト内各所で適用されます。
色が与える印象は大きいです。作りたいサイトの雰囲気に合わせて設定しておきましょう。
>> おすすめの配色が見つかるカラーツール13選
設定箇所
ダッシュボード内のTCDテーマ > 基本設定 > アクセントカラーより設定します。
■■■■■■■■■■TO基本設定＞アクセントカラーの場所を示す画像
用意されているオプション
「アクセントカラー」をクリックして展開すると設定項目が表示されます。
5つのプリセットだけでなく、お好みの色にも設定できます。 →設定方法
■■■■■■■■■■「アクセントカラー」を展開した画像
プリセット
PANDRAでは落ち着いた印象の5色を「プリセット」としてセットできるようになっています。一度プリセットを選択してみて、そこから明るさなどの色味を微調整するのもおすすめです。
各プリセットの設定イメージです。同じダークトーンでも、サイトの雰囲気が変わることがわかります。
#003040
■■■■■■■■■■#003040設定時のフロントイメージ画像
#3A1D00
■■■■■■■■■■#3A1D00設定時のフロントイメージ画像
#07390E
■■■■■■■■■■#07390E設定時のフロントイメージ画像
#630002
■■■■■■■■■■#630002設定時のフロントイメージ画像
#073C3D
■■■■■■■■■■#073C3D設定時のフロントイメージ画像
プリセット以外の色を設定するには？
「色を調整する」の下にある「色を選択」をクリックするとカラーパレットが開きます。お好きな色を選択したり、カラーコードを指定してください。
■■■■■■■■■■「色を選択」をクリックし、カラーパレットが展開している画像
どんな色を設定すればいいか迷ったときは、こちらを参考にしてみてください。
- ロゴで使われている色を使う。
- プリセットから選んで、微調整する。
- 文字が読みづらい場合は明度を下げる（色を暗くする）。
続いて「フォント」の設定に進みましょう。
テスト