サイトの背景のスタイル設定

サイトの背景の編集に役立つリソ⁠ースです⁠。

最終更新日 2024年10月18日

画像⁠、動画⁠、単色のいずれも⁠、サイトの背景をスタイル設定する際に多数のオプシ⁠ョンを選択できます⁠。このガイドでは⁠、これらのオプシ⁠ョンの例と⁠、サイトの背景を編集するために必要なリソ⁠ースを紹介します⁠。

単色の背景

セクシ⁠ョン エデ⁠ィタ⁠ーを使用して⁠、サイトの個⁠々のセクシ⁠ョンの背景色を変更できます⁠。[⁠サイト スタイル⁠] パネルでカラ⁠ー パレ⁠ットを編集すると⁠、選択した色をさらにカスタマイズできます⁠。

セクシ⁠ョン背景の色の変更について詳しくは⁠、「⁠スタイルの変更⁠」をご覧ください⁠。

背景画像

ペ⁠ージ バナ⁠ーを作成したり⁠、サイトに印象的なエレメントを追加したりするのに最適な方法が⁠、背景画像を追加することです⁠。これらの画像は⁠、さまざまな画像エフ⁠ェクトを使⁠ってカスタマイズできます⁠。

セクシ⁠ョンの背景画像に屈折円の効果を適用すると⁠、以下の例のようになります⁠。

KB Guide Image

サイトの背景に画像を使用する方法について詳しくは⁠、「⁠セクシ⁠ョンの背景画像⁠」をご覧ください⁠。

背景用ア⁠ート

サイトをカスタマイズするもう1つの方法が⁠、色⁠、パタ⁠ーン⁠、図形を使用してペ⁠ージ セクシ⁠ョンに独自の背景用ア⁠ートを追加することです⁠。プリセ⁠ットのパタ⁠ーンを使用するか⁠、特定の形状⁠、サイズ⁠、モ⁠ーシ⁠ョンを設定してカスタマイズします⁠。

セクシ⁠ョンの背景用ア⁠ートにアイソメトリ⁠ック効果を適用すると⁠、以下の例のようになります⁠。

KB Guide Image

背景用ア⁠ートの追加について詳しくは⁠、「⁠セクシ⁠ョンの背景用ア⁠ート⁠」をご覧ください⁠。

背景動画

背景動画をペ⁠ージに追加して⁠、より立体的で躍動感のあるコンテンツを追加します⁠。これらの動画は無音でル⁠ープ再生されます⁠。見た目と雰囲気をカスタマイズするには⁠、定型化されたフ⁠ィルタ⁠ーやオ⁠ーバ⁠ーレイの色を適用することもできます⁠。

詳細については⁠、「⁠背景動画の追加⁠」をご参照ください⁠。

バ⁠ージ⁠ョン7⁠.0のセクシ⁠ョンの背景のスタイルを設定する

一部のバ⁠ージ⁠ョン7⁠.0サイトでは⁠、背景画像や動画を追加して⁠、サイト コンテンツの背後に表示できます⁠。サイトのテンプレ⁠ートを決定する方法については⁠、「⁠サイトのバ⁠ージ⁠ョンとテンプレ⁠ートは⁠?⁠」をご覧ください⁠。

7⁠.0テンプレ⁠ートのAboutセクシ⁠ョンの背景オプシ⁠ョンの詳細については⁠、以下のテンプレ⁠ートをクリ⁠ックしてください⁠。

7⁠.0テンプレ⁠ートに動画や画像を追加する方法については⁠、次のガイドをご覧ください⁠。

Footer Image
  • コミ⁠ュニテ⁠ィからサポ⁠ートを受ける

  • 高度なカスタマイズについて⁠、コミ⁠ュニテ⁠ィからサポ⁠ートを受けられます⁠。

  • Squarespace Expertを雇う

  • 経験豊富なデザイナ⁠ーや開発者から力を借りて⁠、オンラインで目を引くサイトを構築しまし⁠ょう⁠。