ウェブサイトの色、背景の画像、フォント、および境界とコーナーのスタイルを選択する
ウェブサイトの一般的なカラースキームまたはスタイルセットは、4 色で構成されています。それぞれの色は複数のウェブサイト要素で共有されます。個々の要素の色は、 [デザイン] タブ > [色] タブで変更できます。
ウェブサイトの基本的なカラースキームを選択するには:
-
[デザイン] タブ > [スキーム] に進みます。
-
メニューで、ウェブサイトのカラースキームまたはスタイルセットを選択します。
ウェブサイトのカラースキームに使用される 4 色が表示されます。
-
ウェブサイトのカラースキームのいずれかの色を変更するには、該当する色フィールドをクリックし、16 進数の色コード値を変更するか、カラーピッカーで色を選択します。
注釈: これらの変更は、 [色] タブで前に変更した個々の要素の色よりも優先されます。
-
[OK] をクリックして変更を保存します。
あるいは、 [Choose for Me] をクリックすると、Presence Builder が自動的にカラースキームを選択します。ヘッダのバナーに合わせてカラースキームが選択されます。バナーがヘッダにない場合は、コンテンツエリアの最初のものに合わせて選択されます。ウェブサイトにバナーがない場合は、背景画像に合わせてカラースキームが選択されます。ウェブサイトにバナーも背景画像もない場合、エラーメッセージが表示されます。
個々のウェブサイト要素に色または背景画像を設定するには:
-
[デザイン] タブ > [色] タブに進みます。
-
[ページエリア] メニューでウェブサイト要素を選択します。 サイトの背景 、 ウォーターマーク 、 ヘッダ 、 フッタ 、 メイン エリアに変更を加えることができます。
-
[色または画像] メニューの矢印をクリックします。
-
背景の不透明度を選択します。
-
以下のいずれかを実行します。
- 単色で塗りつぶすには、 [単色] オプションを選択して、カラーピッカーで色を選択します。
- グラデーションで塗りつぶすには、 [グラデーション] オプションをオンにして、ライブラリからパターンを選択します。
- 背景画像で塗りつぶすには、 [パターン] オプションを選択し、ライブラリからパターンを選択するか、 [アップロード] をクリックして独自の画像をアップロードします。並べて表示、トリミング、またはサイズの変更を行うかどうか、および配置する場所を指定します。
-
テキスト付きの要素のフォント色を変更するには、該当する色フィールドをクリックし、16 進の色コード値を変更するか、カラーピッカーで色を選択します。
注釈: [スキーム] タブでのスタイルセットの変更は、 [色] タブでの変更より優先されます。
-
[OK] をクリックして変更を保存します。
ウェブサイトのヘッダと本文のフォントを選択する:
-
[デザイン] タブ > [フォント] タブの順に選択します。
-
各フォントタイプに対して、メニューでフォント名とサイズを選択します。
-
ヘッダに対して、フォントの書式を選択します。太字( B アイコン)と斜体( I アイコン)を選択できます。
注釈: ここで行う設定は、ウェブサイトのフォントの基本的なルールのみを定義します。個々の要素のフォントは、それぞれの場所でいつでも変更することが可能です。
-
[OK] をクリックして変更を保存します。
ウェブサイト要素のコーナーの形状を選択します(角または丸):
- [デザイン] タブ > [コーナー] タブの順に選択します。
- [ページエリア] メニューで、形状を変更するコーナーを選択します。
- 以下のいずれかを実行します。
- 角丸コーナーにするには、該当するチェックボックスをオンにしてください。
- 四角コーナーにするには、該当するチェックボックスをオフにしてください。
- [OK] をクリックして変更を保存します。
ウェブサイト要素の枠線を選択する:
-
[デザイン] タブ > [枠線] タブの順に選択します。
-
ウェブサイト内の要素の枠線タイプを、 [内部コンテナの枠線] メニューから選択します。
-
枠線を設定する要素を選択します。
注釈: ウェブサイトのすべての要素に対して内部枠線のタイプを 1 つだけ選択できますが、この枠線を使用するか否かは、個々の要素に対して設定可能です。
-
ウェブサイトの外枠を、 [サイト外部の枠線] メニューから選択します。
-
[OK] をクリックして変更を保存します。