header-logo
Wix の使用方法を学び、サイトとビジネスを構築する。
直感的な Wix 機能でサイトをデザインして管理する。
定期購入、プラン、請求を管理する。
ビジネスを運営し、サイト会員とつながる。
ドメインの購入、サイトへの接続と移管方法を学ぶ。
ビジネスとウェブプレゼンスを成長させるツールを入手する。
SEO とマーケティングツールで知名度を上げる。
より効率的な作業を支援する高度な機能を利用する。
解決策や既知の問題について確認し、問い合わせる。
placeholder-preview-image
コースとチュートリアルでスキルを習得する。
ウェブデザインやマーケティングなどのヒントを得る。
検索エンジンからのトラフィックを増やす方法について学ぶ。
フルスタックプラットフォームでカスタムサイトを構築する。
あなたの目標達成をサポートするエキスパートを見つけましょう。
placeholder-preview-image

Wix エディタ:ストリップを追加・設定する

5分
全幅ストリップを使用してコンテンツを構造化し、横のセクションに分割することで、プロフェッショナルな雰囲気を作りましょう。ストリップに追加するパーツを選択し、色、画像、動画を使用してストリップの背景をカスタマイズします。

ストリップを追加する

ストリップを追加して、ページの構築を始めましょう。ストリップを使用して、ページのコンテンツや情報を分割することができます。ストリップを使った人気のあるアイデアには、連絡先情報や価格リストなどが含まれます。
ヒント:
ストリップはシングルページサイトで特に美しく表示されます。

ストリップを追加する方法:

  1. エディタに移動します
  2. エディタ左側で「パーツを追加 をクリックします。
  3. ストリップ」をクリックします。
  4. 追加するストリップのタイプを選択します。
  5. ストリップパーツをページにドラッグします。
エディタパネルからストリップを選択しているスクリーンショット。

ストリップにパーツを追加する

該当するコンテンツを追加して、ストリップを作成します。ストリップにパーツを追加したら、サイトページ内でストリップとパーツを簡単に移動させることができます。
始める前に:
パーツがストリップ内に収まるように、追加する前にストリップやパーツのサイズを変更します。

ストリップにパーツを追加する方法:

  1. エディタに移動します
  2. ストリップ上にパーツをドラッグします。
  3. ストリップ内へ移動」というメッセージが表示されたら、パーツをドロップします。
パーツをストリップにドラッグしている GIF。

ストリップの配置を調整する

サイト上でストリップのコンテンツがどのように配置されるかを選択し、重要かつ訪問者に関連性の高い情報を常に表示しましょう。配置を変更して、コンテンツを別のレイアウトで整理することもできます。
重要:
ストリップに列が含まれていない場合、ストリップコンテンツの配置を変更することができます。

ストリップの配置を調整する方法:

  1. エディタに移動します
  2. ページ上のストリップをクリックします。
  3. レイアウト」アイコン  をクリックします。
  4. レイアウトを選択します:
    • 中央:コンテンツはストリップの中心に配置されます。
    • :コンテンツはストリップの左側に配置されます。
    • :コンテンツはストリップの右側に配置されます。
エディタでストリップのレイアウトを選択しているスクリーンショット。

ストリップ背景を変更する

サイトのデザインと操作性に合わせてストリップの背景を選択します。さまざまなオプションをご利用いただけます。豊富な種類の色や画像、動画から選択できます。

ストリップの背景を変更する方法:

  1. エディタに移動します
  2. ページ上のストリップをクリックします。
  3. 背景を変更」をクリックし、次のいずれかのオプションを選択します:
    • 単色:さまざまな色から選択して、サイトのパレットに合わせたり、大胆な色を作成したりします。
    • 画像:豊富な無料画像から選択するか、独自の画像をアップロードします。
    • 動画:Wix が提供する無料の目を引く動画を選択するか、メディアマネージャーから独自の動画をアップロードします。
    • AI 画像を作成AI 画像生成ツールでカスタム画像を生成します。
ストリップ背景を選択しているスクリーンショット。
重要:
ストリップは自動的にサイトの幅にまたがりますが、「ストレッチ」アイコン  をクリックして幅を変更することができます。ストリップの高さの上限は 15,000 px です。

ストリップをカスタマイズする

ストリップパーツは、任意の外観にカスタマイズすることができます。枠線、角、影などの設定を調整して、サイトに適したデザインに仕上げます。

ストリップをカスタマイズする方法:

  1. エディタに移動します
  2. ページ上のストリップをクリックします。
  3. デザイン」アイコン をクリックします。
  4. カスタマイズするものを選択します。
ストリップのデザインをカスタマイズしているスクリーンショット。