ページは、上から下までシームレスに接続された完全に編集可能なセクションで構成されます。さまざまなセクションを自由に使用できるため、ページを好みに合わせて簡単にカスタマイズできます。
各セクションでは、セクション自体とその基礎となる要素の両方に固有の色を指定できます。さらに、背景色と背景画像を指定するオプションにより、個々のセクションの視覚的な魅力とパーソナライズがさらに強化されます。
この記事で
以下の手順に従って、セクションの色と背景画像をカスタマイズできます。
- 作業したいセクションの上にカーソルを置きます。
- これにより、 編集ツールバー 右上隅にあります。
- 以下を行うには、 セクション編集 アイコンをクリックして、[カラー スタイル] ボックスを開きます。
セクションの色
「色」タブには、以下のオプションがあります。
- 背景色： セクション内のすべてのコンテンツの背後に表示される色は、 背景色ここからセクションの背景色をカスタマイズできます。
- 見出しのテキストの色: 見出しフォントで指定されたテキストが集合的に形成されます。 見出しテキストこれには、見出し1、見出し2、見出し3、見出し4が含まれます。ここから見出しテキストの色をカスタマイズできます。
- パラテキストの色: 段落フォントとして割り当てられたテキストは集合的に構成されます。 パラテキストこれには、段落、小段落、大段落が含まれます。ここから段落のテキストカラーをカスタマイズできます。
背景、見出し、およびパラテキストの色のさまざまな色のオプション:
- 背景色を次のように設定します デフォルト (1)。背景色はWebサイトに設定されている色と同じになります。
- オプション 2、3、4、5、および 6 は、動的カラー オプションであり、 カラーパレットプリセット 選択されました。明るい色合いの背景色を選択すると、見出しテキストと段落テキストの色が自動的に暗い色合いに変わり、その逆も同様です。
- カスタムカラー （7）設定するオプション ソリッドカラー または適用する 高度なグラデーション （線形または放射状）。手動で色を選択したり、透明度を調整したり、グラデーションビルダーを使用して複数の色と角度を組み合わせたりすることもできます。 さらに詳しく.
背景画像
- 下 色 タブにアクセスし、下にスクロールします。 背景画像 (1) セクション。
- ここから、あなたはすることができます 交換または取り外す （２）既存の背景画像、または 新しい背景画像をアップロードしてください まだ追加されていない場合。
- をセットする 焦点 （３）画像の。画像の任意の点をクリックすると、焦点が変わります。焦点とは、セクション内で強調表示される画像の特定の点または領域を示します。
セクション背景の表示オプション
表示オプションでは、背景画像がセクション内でどのように表示されるかを制御できます。これらのオプションは、背景画像が追加された場合にのみ表示されます。
- 選択する ディスプレイ 背景画像の幅と高さ。
- スケールとフィット – 画像はセクションの幅と高さに収まります。
- 幅に合わせる – 画像はセクションの幅に合わせて拡大縮小されます。 セクションの高さは画像の高さを継承します。
- 選ぶ オーバーレイの色。
- をセットする オーバーレイの透明度 (色の濃さを増減できます)。
- 有効にする アニメーション 背景画像に使用して、ゆっくりとズームする効果を生み出し、視覚的な魅力を高めます。
- 特定します 代替タグ 背景画像はこちらから。これは、Web ページ上の画像の代替情報を提供する説明的なテキスト属性であり、アクセシビリティと SEO に役立ちます。
