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

Wix エディタ:ボックスを追加・設定する

2分
ページにボックスを追加することで構造化されたプロフェッショナルなページを簡単にデザインすることができます。さまざまな形やスタイルのボックスを用意しております。

下記をご確認ください:

ボックスを追加する

ボックスを使用すると、構造化され、プロフェッショナルに見える美しいページをデザインすることができます。さまざまな形やスタイルのボックスを用意しているので、色々と試してみましょう!

ボックスを追加する方法:

  1. エディタ左側の「追加  をクリックします。
  2. ボックス」をクリックします。
  3. コンテナボックス」をクリックします。
  4. ボックスパーツをページにドラッグします。
ヒント:
コンテナボックスにはほとんど何でも追加して、コンテンツの1つのブロックでページの周りを移動することができます!コンテナボックスを使用して、テキストボックス、バナー、ヘッダー、ロゴなどを作成します。

ボックスデザインをカスタマイズする

利用可能なシェイプからボックスを選択します。次に、サイトに合わせてボックスをカスタマイズします。

ボックスデザインをカスタマイズする方法:

  1. デザインを変更」アイコン をクリックします。
  2. プリセットデザインを選択するか、「デザインをカスタマイズ」をクリックします。
  3. 下記のオプションを使用し、ボックスをカスタマイズします:
    • 不透明度・色:ボックスの色と不透明度を選択します。
      • スライダーをドラッグして不透明度を変更します。
      • カラーボックスをクリックし、色を変更します。
      • カラーピッカーから色を選択します。
      • X をクリックして、カラーピッカーを閉じます。
    • 枠線:ボックスの枠線をデザインします。
      • スライダーをドラッグして不透明度を変更します。
      • カラーボックスをクリックし、色を変更します。
      • スライダーをドラッグして枠線の太さを変更します。
    • :ボックスの角を丸くします。
    • :ボックスの影をデザインします。
    • 間隔: ボックスの枠線の間隔をカスタマイズします。
注意:
すべてのボックスデザインですべてのオプションが使用できるわけではありません。