ご自分のサイト専用に生成された独自の背景用アートを追加します。

サイトの背景のスタイルを設定する際には、いくつかのオプションから選択できます。このガイドでは、Squarespaceプラットフォームで生成される色、パターン、図形を使用して独自の背景用アートを作成する方法を説明します。

アニメーション パターンを選択して生き生きとした雰囲気にしたり、より繊細なグラデーションを選択したりできます。プリセットのパターンを使用するか、特定の図形、サイズ、モーションを設定してカスタマイズします。

背景として使用したい独自のアートがある場合は、背景画像または動画をアップロードします。すべての背景スタイル設定オプションについては、「サイトの背景のスタイル設定」を参照してください。

セクションの背景用アートは、バージョン7.1でのみサポートされています。バージョン7.0のサイトの場合は、テンプレートによっては、バナー画像と背景動画を追加して同様の効果を得ることができます。

動画を見る

始める前に

• 自動レイアウト、ポートフォリオ、およびブロックのページ セクションに背景用アートを追加できます。ギャラリー セクションやコレクション セクションに背景用アートを追加することはできません。
• 背景用アートは、WebGL (デバイスのグラフィック プロセッサーと連動するツール) をサポートするブラウザーとデバイスにのみ表示されます。ブラウザーがこのツールをサポートしているかどうか確認するには、get.webgl.orgにアクセスしてください。ブラウザーがWebGLをサポートしていない場合、セクションの背景は静的な状態で表示されます。
• セクションにテキストやその他のコンテンツが含まれる場合は、背景用アート上でもコンテンツが視認可能で文字が明瞭に表示されているか確認してください。テキストの色を変更するには、そのセクションのカラー テーマのフォント微調整オプションを使用します。
• セクション アートがアニメーション化されている場合、セクションの右下に一時停止ボタンが表示されます。これにより、背景が動いていると混乱してしまう訪問者もサイトにアクセスできるようになります。このボタンを無効にすることはできません。

背景用アートを追加する

背景用アートを追加する方法は以下の通りです。

1. [ページ] パネルを開き、編集するセクションが含まれるページをクリックします。
2. 左上にある [編集] をクリックします。
3. セクションの鉛筆アイコンをクリックし、[背景] をクリックします。
4. [アート] をクリックし、さらにタイルをクリックしてセクション内でアートをプレビューします。色は、 カラー パレットの [鮮やか] オプションから取得されます。
5. デザインのバリエーションを表示するには、タイル上に表示される小さな円の1つをクリックします。
6. アートをカスタマイズするには、設定アイコンをクリックして詳細パネルを開きます。詳細については、以下のセクションをご覧ください。
7. [フルブリード] または [はめ込み] を選択して [背景の幅] を設定します。
8. 好きなデザインが見つかったら、[保存] をクリックして変更を保存し、そのまま編集を続けるか、[終了]、[保存] の順にクリックしてエディターを閉じます。

背景用アートの詳細をカスタマイズする

詳細パネルで背景用アートをカスタマイズできます。詳細パネルを開くには、アートのサムネイルをクリックし、設定アイコンをクリックします。

好きなパターンが見つかるまで、オプションと設定をスクロールします。いずれかのカテゴリーをクリックしてドロップダウン メニューを開くと、さらに多くのオプションが表示されます。開始点とする背景用アートの種類に応じて、様々なカテゴリーが表示されます。

以下に例をあげます。

• ほとんどの背景詳細パネルでは、[色を反転] をクリックして割り当てられた色を切り替えることができます。
• どの背景詳細パネルでも、[ランダム化] をクリックするとランダムな構成を試すことができます。

その他の設定は各背景用アートのスタイルに固有のもので、アートの中心的要素を調整するスライダーやトグルが含まれます。それぞれの詳細パネルで異なるオプションを試して、お気に入りの組み合わせを探してみることをおすすめします。

セクションの背景用アートの例をご覧ください。