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

Wix エディタ:カラムの背景を変更する

3分
ストリップの背景を変更して、サイトのデザインをアップグレードし、サイト訪問者に印象付けましょう。ストリップの背景には、色、画像、動画を設定することができます。Wix ライブラリからさまざまなプロ仕様の画像や動画を選択するか、独自の画像や動画をアップロードできます。
ストリップとカラムの違いは何ですか?
ストリップをカラムに分割して、コンテンツを整理し、より消化しやすいセクションにすることができます。
4つのカラムを使用した、画像背景と動画背景のストリップの例を示した GIF。

カラム背景に色またはグラデーションを追加する

ストリップの背景に単色またはグラデーションを追加します。サイトの色から選択するか、独自の色を選択することもできます。

カラムの背景に色やグラデーションを追加する方法:

  1. エディタでストリップのカラムをクリックします。
  2. 背景を変更」をクリックします。
  3. 単色」をクリックし、次のいずれかのオプションを選択します:
    • 単色:ストリップに適用する色を選択します。
    • グラデーション :リニア、円形グラデーション、または円錐状のグラデーションで、ストリップの背景にクールな効果を適用します。
    • フルードグラデーション :洗練されたメッシュグラデーションでストリップを目立たせましょう。
「カラム背景」パネル内のカラーピッカーのスクリーンショット

カラムの背景に画像を追加する

コラムの背景に印象的な画像を追加して、訪問者がサイトを閲覧する際に関心を維持できるようにします。自分の画像をアップロードすることも、Wix が提供する豊富な種類のプロフェッショナルな画像から選択することも可能です。

カラムの背景に画像を追加する方法:

  1. エディタでストリップのカラムをクリックします。
  2. 背景を変更」をクリックします。
  3. 画像」をクリックします。
  4. メディアマネージャーから画像を選択するか、「+アップロード」をクリックして画像をアップロードします。
  5. 背景を変更」をクリックします。
画像の背景を設定したカラムと「カラム背景」パネル
ご存知でしたか?
画像を選択し、「画像を背景に設定」アイコン  をクリックして、カラムに追加した画像を背景として設定することができます。

カラムの背景に動画を追加する

カラムの背景に魅力的な動画を追加して、サイトの視覚的な魅力と訪問者のエクスペリエンスを向上させましょう。独自の動画をアップロードすることも、Wix が提供する豊富なプロの動画から選択することもできます。

カラムの背景に動画を追加する方法:

  1. エディタでストリップのカラムをクリックします。
  2. 背景を変更」をクリックします。
  3. 動画」をクリックします。
  4. メディアマネージャーから動画を選択するか、「+アップロード」をクリックして動画をアップロードします。
  5. 背景を変更」をクリックします。
「カラム背景」パネルとカラムのスクリーンショット