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

Wix エディタ:パーツを全幅に引き延ばす

3分
パーツを全幅に引き延ばして、サイトをよりレスポンシブにしましょう。ストレッチされたパーツは、画面サイズに関係なく、ブラウザの幅に広がります。
パーツを引き延ばしたら、余白を追加して、左右にスペースを作成できます。余白はピクセル単位で設定してすべてのデバイスで同じように表示されるようにしたり、パーセントで設定して各訪問者のブラウザにフィットするように調整したりできます。
ストレッチオプションは、特定のパーツでのみ使用できます。よくある質問で一覧を確認することができます。

パーツを引き延ばす

パーツを全幅に引き延ばし、余白を設定して希望通りに表示します。

パーツを全幅に引き延ばす方法:

  1. エディタでパーツをクリックします。
  2. ストレッチ」アイコン  をクリックします。
  3. 全幅に引き延ばす」トグルを有効にします。
  4. (オプション)余白を設定します:
    1. 数値フィールドをクリックして、余白を px(ピクセル)で設定するか、ブラウザ幅の %(パーセント)で設定するかを選択します。
    2. スライダーをドラッグして、余白のサイズを調整します。
注意:
  • 余白をピクセル単位でしか設定できないパーツもあります。
  • 余白の上限は 190px、つまりブラウザサイズの 5% です。
行を全幅に引き延ばし、単位を px からパーセントに変更しながら余白を設定する方法を示した GIF

よくある質問

詳細については以下の質問をクリックしてください。
注意:
パーツを引き延ばすと、引き延ばされたパーツとその上下のパーツの間にギャップが表示されることがあります。パーツを移動するか、ズームアウト / 並び替え機能を使用することで、間隔を埋めることができます。