セクションの背景を変更する

該当ページ:ページ管理 > 固定ページ > 任意のページ名 > 見たまま編集

このページでは、「背景設定」からセクションの背景を色・画像・動画・グラデーションに変更する手順をご説明します。「セクションの背景色を変えたい」「背景に写真や動画を敷きたい」「グラデーションで印象を変えたい」という場合にご確認ください。

背景の種類は、3つの方法で設定できます。

  1. 背景に色を設定する(テーマカラー/オリジナルカラーの単色)

  2. 背景に画像を設定する

  3. 背景に動画を設定する

  4. 応用:背景にグラデーションを設定する

いずれの種類でも、最初の操作は共通です。

背景を変更したいセクションにカーソルを合わせると、セクション左上に[背景設定]が表示されます。これを押下すると「背景編集」ポップアップが開きます。

ポップアップ上部の「背景の種類」で画像/色/動画を切り替えて設定します。

セクションの [背景設定] を押下し、「背景編集」ポップアップを開きます。

「背景の種類」で[色]を選択します。

次に「テーマカラー」から任意の色を選択します。 希望に合う色がテーマカラーにない場合は、「オリジナルカラー」から選択することも可能です。

色を選んだら [OK] を押下すると背景色が適用されます。

セクションの [背景設定] を押下し、「背景編集」ポップアップを開きます。

「背景の種類」で [画像] を選択します。

[削除ボタン] を押下し、すでに挿入されている画像を削除します。確認が出たら [削除] を押下します。

注意:現在 LeadGrid には、アップロードした画像を保存しておく機能はありません。削除予定の画像を再利用する可能性がある場合は、お手元に画像を保管していることを確認したうえで 削除してください。

[画像をアップロード] を押下し、任意の画像をアップロードします。

[OK] を押下すると画像が背景に適用されます。

セクションの [背景設定] を押下し、「背景編集」ポップアップを開きます。

「背景の種類」で [動画] を選択します。

[削除ボタン] を押下し、すでに挿入されている動画を削除します。

[動画をアップロード] を押下し、任意の動画をアップロードします。

[OK] を押下すると動画が背景に適用されます。

背景の種類を「色」にしたうえで、オリジナルカラーからグラデーションを作成します。

「背景編集」で背景の種類を [色] に設定し、「オリジナルカラー」の [ペンマーク] を押下します。カラーパレットが表示されます。

カラーパレットでは任意の単色も選択でき、HEX や RGB など色の値で指定することも可能です。

カラーパレット上部の [グラデーション] を選択します。

左側の色 を設定します。パレットから選ぶほか、HEX などの値で指定もできます。

右側の色 を設定します。

設定が完了したら [OK] を押下します。

  • どのケースも起点は共通で、セクションの [背景設定]→「背景編集」ポップアップ から始まります。

  • 背景の種類は 画像/色/動画 の3つを切り替え、「色」ではさらに 単色/グラデーション を選べます。

  • 画像・動画は、差し替え前に既存のものを削除 してからアップロードします。画像は再アップロードの保存機能がないため、必要な画像は手元に保管 してから削除してください。

  • グラデーションは 左右2色 を指定して作成します。色は HEX / RGB でも指定できます。

  • 最後の [保存]→ 公開確認の[保存] まで進まないと、変更は公開されません。