Wix エディタ:ストリップを追加・設定する
読了時間:4分
全幅ストリップを使用してコンテンツを構造化し、横のセクションに分割することで、プロフェッショナルな雰囲気を作りましょう。ストリップに追加するパーツを選択し、色、画像、動画を使用してストリップの背景をカスタマイズします。
この記事では、以下の方法を説明します:
ストリップを追加する
ストリップを追加して、ページの構築を始めましょう。
ストリップを使用して、ページのコンテンツや情報を分割することができます。ストリップは連絡先の詳細や価格表の作成に人気です。
ストリップを追加する方法:
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/43afd84c-813c-43a2-baab-131b6878accd/2024/10/22/c575422f-37b7-4b53-b80b-f5524787594b/13069f8a-0696-46bc-99fd-9603c9c0b35e.png)
ヒント:
- ストリップはシングルページで特に美しく表示されます。
- 「ストリップを追加」アイコン
をクリックすると、さらにストリップを追加できます。
ストリップにパーツを追加する
関連するコンテンツを追加してストリップを作成します。
ストリップにパーツを追加したら、サイトページ内でストリップとパーツを簡単に移動させることができます。
始める前に:
パーツがストリップ内に収まるように、追加する前にストリップやパーツのサイズを変更します。
ストリップにパーツを追加する方法:
- ストリップ上にパーツをドラッグします。
- 「ストリップ内へ移動」というメッセージが表示されたら、パーツをドロップします。
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2021/09/15/7ad03664-c2e4-4403-9475-e39cceb068d6/45bd0255-715e-41ae-8ce2-7969cb1768f6.gif)
ストリップの配置を調整する
サイト上でストリップのコンテンツがどのように配置されるかを選択し、重要かつ訪問者に関連性の高い情報を常に表示しましょう。配置を変更して、コンテンツを別のレイアウトで整理することもできます。
重要:
ストリップに列が含まれていない場合、ストリップコンテンツの配置を変更することができます。
ストリップの配置を調整する方法:
- エディタ内でストリップをクリックします。
- 「レイアウト」アイコン をクリックします。
- レイアウトを選択します:
- 中央:コンテンツはストリップの中心に配置されます。
- 左:コンテンツはストリップの左側に配置されます。
- 右:コンテンツはストリップの右側に配置されます。
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/43afd84c-813c-43a2-baab-131b6878accd/2024/10/22/ea97f9b4-3e2b-4083-8c3d-5ae2959c2251/4b373d89-3ab7-462b-87ab-3312baae0395.jpg)
ストリップ背景をデザインする
サイトのデザインに合わせてストリップの背景を選択します。
利用可能なオプションが多数用意されています。さまざまな色や画像、動画から選択できます。
ストリップの背景を変更する方法:
- エディタ内でストリップをクリックします。
- 「ストリップ背景を変更」をクリックし、次のいずれかのオプションを選択します:
- 単色:さまざまな色から選択して、サイトのパレットに合わせたり、大胆な色を作成したりします。
- 画像:豊富な無料画像から選択するか、独自の画像をアップロードします。
- 動画:Wix が提供する無料の目を引く動画を選択するか、メディアマネージャーから独自の動画をアップロードします。
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/43afd84c-813c-43a2-baab-131b6878accd/2024/10/22/9ce1fcbc-aa0d-4694-8773-eaacafed1d51/1462f851-9d1e-4ebd-93e9-82c00056f1af.jpg)
重要:
ストリップは自動的にサイトの幅にまたがりますが、「ストレッチ」アイコン
をクリックして幅を変更することができます。ストリップの高さの上限は 15,000 px です。