header-logo
はじめましょう!Wix でサイトやビジネスを構築する方法をご紹介します。テンプレートを使用してサイトをカスタマイズしたり、パートナーに依頼してウェブプレゼンスを確立しましょう。
サイトの作成Wix エディタの使い方とサイトコンテンツの管理方法について学びましょう。訪問者のプライバシーを保護し、サイトをよりアクセシブルにします。
アカウント・お支払いアカウント設定を確認し、定期購入とプレミアムプランを管理、請求内容を把握しましょう。
Wix モバイルアプリの使用Wix Owner アプリを使用してビジネスを効率的に運営し、訪問者と関わり、コミュニティを構築しましょう。
ドメインの接続ドメインの購入・接続・移管方法と、サイトデータを安全に保つ方法について理解しましょう。
ビジネスの管理支払いの受け付け、分析、訪問者とのつながりなど、ビジネスを構築し成長させるための適切なツールを見つけましょう。
サイトの宣伝検索エンジンでサイトを宣伝し、メルマガを送信し、有料広告を掲載する方法を学びましょう。
Wix Studio・パートナー・エンタープライズWix Studio、パートナー、エンタープライズアカウントを最大限に活用し、ビジネスを拡大しましょう。
ヘルプサイトのパフォーマンスや技術的な問題を解決するための情報を入手しましょう。製品ロードマップでは今後の機能について確認できます。
placeholder-preview-image
Wix Learnコースとチュートリアルでスキルを習得する。
Wix ブログウェブデザインやマーケティングなどのヒントを得る。
SEO ラーニングハブ検索エンジンからのトラフィックを増やす方法について学ぶ。
Website developmentフルスタックプラットフォームでカスタムサイトを構築する。
Wix パートナーに依頼あなたの目標達成をサポートするエキスパートを見つけましょう。
placeholder-preview-image
この記事では下記を説明します:
  • ワイヤーフレームとデザイン済みセクションを追加する
  • 空のセクションを追加する
  • セルを使用してセクションを整理する
  • ページセクションを並べ替える
  • セクションを削除する
  • よくある質問

Wix Studio エディタ:セクションを追加・管理する

この記事内
  • ワイヤーフレームとデザイン済みセクションを追加する
  • 空のセクションを追加する
  • セルを使用してセクションを整理する
  • ページセクションを並べ替える
  • セクションを削除する
  • よくある質問
セクションはすべてのページを構成する要素です。セクションを使用して関連するコンテンツをまとめ、整理され、構造化されたプロフェッショナルなページを作成します。
各ページに必要なだけセクションを追加します。空のセクション、ワイヤーフレーム、または自由にカスタマイズ可能なデザイン済みセクションから選択できます。セクションはブラウザの全幅にまたがり、高さは自由に設定できます。
マスターセクションを作成する:
同じセクションを複数のページに表示させるには、 マスターセクションとして設定します。

ワイヤーフレームとデザイン済みセクションを追加する

サイトの作成プロセスをスピードアップする、レスポンシブなセクションを多数用意しています。お好きなものを選択し、クライアントのスタイルに合わせてカスタマイズしてください。デザインではなく、主にレイアウトでヘルプが必要な場合は、空のワイヤーフレームを選択してください。

ワイヤーフレームまたはデザイン済みセクションを追加する方法:

  1. エディタ左側で「要素を追加 をクリックします。
  2. セクション / ワイヤーフレーム」をクリックします。
  3. カテゴリーをクリックして利用可能なデザインを確認します。
  4. セクションをページにドラッグします。
  5. 必要に応じてセクションをカスタマイズします:
    • 要素をクリックしてコンテンツをカスタマイズする。
    • 背景を変更します。
    • 画像テキストを独自のものに置き換えます。
Wix Studio エディタの「要素を追加」パネルと、「セクション」タブと「ワイヤーフレーム」タブで利用可能なデザインが表示された GIF

空のセクションを追加する

キャンバスで作業中に、新しい空白のセクションをすばやく追加することができます。セクションの上部または下部にマウスオーバーし、「 セクションを追加」をクリックします。次に、ゼロからデザインするか、グリッドレイアウトを適用するか、デザイン済みセクションを使用するかを決めることができます。

空のセクションを追加する方法:

  1. 該当するページに移動します。
  2. 該当するセクションの上部または下部にマウスオーバーし、「+セクションを追加」をクリックします。
  3. デザイン方法を選択します:
    • デザイン済みセクション:あらかじめデザインされたセクションを選択し、クライアントのニーズに合わせてカスタマイズします。
    • グリッドレイアウト複数のセルを持つグリッドを選択してコンテンツを整理します。
    • 要素を追加:空白のセクションに要素を追加します。
クリックして適用できるグリッドセルのレイアウトを示す、空白の新しいセクションのスクリーンショット
今後使用するためにデザインを保存する:
エディタでセクションを選択し、「 その他のアクション」アイコン   をクリックします。次に、「 アセットとして保存」をクリックします。これにより デザインが保存され、「要素を追加」パネル(「アセット」タブ)で利用可能になります。

セルを使用してセクションを整理する

セルをセクションに追加して、レスポンシブで構造化されたレイアウトを作成します。要素を個別のセルに保持することで、すべての画面で要素を同じ位置に保つことができます。レイアウトを選択し、要素をセルに移動させます。セルは後からいつでも分割したり、新しく追加したりできます。

セクションにグリッドを適用する方法:

  1. エディタで該当するセクションを選択します。
  2. セクション上部の「空白 」ドロップダウンをクリックします。
セクションを選択すると開くツールバーと、利用可能なレイアウトのドロップダウンのスクリーンショット。
  1. 」、「」、「コラージュ」など、レイアウトを選択します。
    ヒント:レイアウトはドロップダウンからいつでも変更できます。要素は移動しません。
  2. 要素を該当するセルにドラッグします。
  3. (オプション)セクショングリッドをカスタマイズして、セルの追加、既存のセルの分割、セル間へのギャップの追加などを行えます。
グリッドのないセクションに戻したい場合:
各セルを右クリックし、「 削除」を選択します。

ページセクションを並べ替える

クライアントのサイトを構築する際に、コンテンツの構造や構成を多少変更する必要がある場合があります。このような場合、セクションが便利です。キャンバス上で必要に応じて、コンテンツをすばやく移動させることができます。

キャンバス上のセクションを並べ替える方法:

  1. エディタで該当するセクションを選択します。
  2. セクション上の「その他のアクション」アイコン  をクリックします。
  3. 上に移動」または「下に移動」をクリックします。
Wix Studio エディタのキャンバスでセクションを選択し、「その他のアクション」アイコンをクリックして上下に移動させています
小さなブレイクポイントのセクションの順序を変更した場合:
デスクトップで現在使用している順序は、いつでも再適用できます。「 レイヤー」パネル   にアクセスし、「 ページ」横の「 その他のアクション」アイコン   をクリックして「 すべてのブレイクポイントでセクションの順序を使用」を選択します。

「レイヤー」パネルでページを選択し、クリックしてデスクトップの順序を他のすべてのブレイクポイントに適用しています

セクションを削除する

セクションはいつでも削除できます。セクションを削除すると、すべてのブレイクポイントでページからセクションが削除されます。
注意:
ストア、イベント、ブログなどのアプリを含むセクションを削除することはできません。

セクションを削除する方法:

  1. エディタで該当するセクションを選択します。
  2. セクション上の「その他のアクション」アイコン  をクリックします。
  3. 削除」をクリックします。
代わりにセクションを非表示にしたい場合:
非表示」をクリックして現在の ブレイクポイントからセクションを非表示にすることができます。非表示にしたセクションは、 レイヤーパネルで確認し、再度表示するように設定することができます。
エディタでセクションが選択されたスクリーンショット。セクションを削除する方法を示しています。

よくある質問

詳細については、以下の質問をクリックしてください。

Helpmate

こんにちは、さん

さらにヘルプが必要ですか?
Unlock personalized helpLog in to get the most out of Helpmate.