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

Wix エディタ:レイヤーパネルを使用する

4分
レイヤーパネルには、ページ上のすべてのパーツが明確に一覧表示されます。 ページレイアウトによって、パネルはヘッダー、メインページ、フッターに分かれているので、必要に応じてパーツを表示・選択して調整することができます。
この記事では、次の項目について説明します:

レイヤーパネルを使用する

レイヤーパネルを使用して、サイト上のパーツを選択および管理します。これは、パーツを見つけたり、サイトの構造と配置に合わせて位置を調整するのに最適な方法です。

パネルを使用する方法:

  1. エディタ左下の「レイヤー をクリックします。
  2. ヘッダー」、「ページ」、または「フッター」をクリックして、その領域のパーツを表示します。
  3. リストから該当するパーツを見つけてクリックします。
  4. パーツで実行する内容を選択します:
    • パーツを前後に移動させる:
      • 前面:キーボードの Ctrl + ↑ を選択して、パーツを前に移動させます(最前面に移動させる場合は Ctrl + Shift + ↑ )。
      • 背面:キーボードの Ctrl + ↓ を選択して、パーツを後ろに移動させます(最背面に移動させる場合は Ctrl + Shift + ↓ )。
    • パーツをカスタマイズ・調整する:エディタでパーツをクリックし、利用可能なオプションを使用してコンテンツ、レイアウト、デザインを調整します。
    • パーツの順序を変更する:パネル内でパーツをクリック&ドラッグし、順序を変更します。これは、パネル内の順序をサイトでの表示順序と一致させるのに役立ちます。
エディタ内のレイヤーパネル。パネルでストリップが選択され、ページ上でハイライトされています。

開発モードでパーツを操作する

開発モードでレイヤーパネルを使用すると、サイトを編集する際にさらに多くの機能を利用できるため、関連するパーツに集中することができます。エディタからパーツを一時的に非表示にするか、ページ上の他のコンテンツを非表示にして単一のパーツに注目します。
ご存知でしたか?
パネルには、プロパティパネルで割り当てた ID に基づいて、ページ上のパーツが一覧表示されます。グループ化されたパーツは、そのグループ ID の下に表示されます。

開発モードでパネルを操作する方法:

  1. エディタ左下の「レイヤー をクリックします。
  2. ヘッダー」、「ページ」、または「フッター」をクリックして、その領域のパーツを表示します。
  3. リストから該当するパーツを見つけてクリックします。
  4. パーツで実行する内容を選択します:
    • パーツを一時的に非表示にする:レイヤーパネルでパーツにマウスオーバーし、「エディタで非表示」アイコン  をクリックします。アイコンを再度クリックすると、必要に応じてパーツを表示できます。
    • パーツにフォーカスする:「スポットライトをオン」アイコン  をクリックして、ページ上の他のすべてのパーツを非表示にします。アイコンを再度クリックすると、スポットライトをオフにすることができます。
開発モードが有効になっているエディタのレイヤーパネル。パーツ横の「非表示」アイコンと「スポットライト」アイコンがハイライト表示されています。
次のステップ:
  • レイヤーパネルでパーツを選択すると、プロパティパネルでも選択されます。(英語)これにより、パーツを移動することなく、他のパーツの背後に配置されたパーツのプロパティを操作できます。
  • Velo by Wix リソースセンターにアクセスして詳細を学びましょう。(英語)

よくある質問

エディタと開発モードでのレイヤーパネルの使用方法については、以下の質問をクリックしてください。
エディタ内のレイヤーパネル。パネルでストリップが選択され、ページ上でハイライトされています。
開発モードが有効になっているエディタのレイヤーパネル。パーツ横の「非表示」アイコンと「スポットライト」アイコンがハイライト表示されています。