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

Wix Harmony エディタ:レイヤーパネルを操作する

8分
この記事内
  • セクションやパーツを並べ替える
  • レイヤーの名前を変更する
  • レイヤーを操作する
  • ヘッダーまたはフッターを非表示にする
  • モバイルでパーツを非表示にする
  • よくある質問
この記事では、2026年1月にリリースされた新 Wix Harmony エディタについて説明します。Wix Harmony エディタまたは Wix エディタのどちらを使用しているか不明な場合は、こちらで詳細を確認してください。
レイヤーパネルを使用すると、ページ上のすべてのセクションやパーツを 1か所で確認することができます。レイヤーの選択、並び替え、調整も簡単に行えるため、各ページを思い通りのレイアウトや構造にすることができます。
Wix Harmony エディタのレイヤーパネルのスクリーンショット。

セクションやパーツを並べ替える

ページ上のセクションやパーツなどのコンテンツの順序は、ドラッグアンドドロップで簡単に並べ替えることができます。

レイヤーを並べ替える方法:

  1. エディタに移動します。
  2. エディタ左下の「レイヤー をクリックします。
  3. (レイヤーパネルで)移動させたいセクションまたはパーツを見つけます。
  4. レイヤーを上下にドラッグして、ページ上での順序を変更します。
    注意:パーツは、現在のセクション内で移動させることができます。セクションをまたいでパーツを移動させる場合は、ページ上でドラッグするか、切り取って目的のセクションに貼り付けてください。
Wix Harmony エディタのレイヤーパネルで、アクセスポイントがハイライトされているスクリーンショット。

レイヤーの名前を変更する

レイヤーに名前を付けておくと、セクションが多いサイトでも、簡単にそれらを識別することができます。セクションの名前はエディタにのみ表示され、サイト訪問者には表示されません。

レイヤーの名前を変更する方法:

  1. エディタに移動します。
  2. エディタ左下の「レイヤー をクリックします。
  3. (レイヤーパネルで)該当するパーツまたはセクションをダブルクリックします。
  4. 新しい名前を入力し、Enter キーを押します。
Wix Harmony エディタのレイヤーパネルで、レイヤーの名前を変更しているスクリーンショット。

レイヤーを操作する

レイヤーパネルでは、ページ上のパーツやセクションをすばやく管理することができます。レイヤーの切り取り、コピー、貼り付け、複製、削除などを使用して効率的に作業したり、重要なパーツを画面に固定して訪問者がスクロールしても常に表示されるようにしたり、重なり合うアイテムを整理したりすることができます。これにより、デザインが整理され、正確にページを編集することができるようになります。

特定のレイヤーを選択して操作する方法:

  1. エディタに移動します。
  2. エディタ左下の「レイヤー をクリックします。
  3. (レイヤーパネルで)パーツまたはセクション横の「その他のアクション」アイコン をクリックします。
  4. 実行する内容を選択します:
    • カット:レイヤーをクリップボードに保存してサイトの別の場所に貼り付け、元の場所から削除します。
    • コピー:レイヤーをクリップボードに保存して、サイトの別の場所に貼り付けます。
    • 貼り付け:サイトの別の場所からコピーしたレイヤーを貼り付けます。パーツの場合は、現在作業中のセクションに貼り付けられます。セクションの場合は、ページの下部に貼り付けられます。
    • 複製:レイヤーを複製します。
    • 削除:サイトからレイヤーを完全に削除します。
    • 画面に固定パーツを画面に固定して、訪問者がスクロールしても表示されるようにします。これは、SNS アイコン、メニュー、連絡先などを常に表示させたい場合に最適です。
      ヒント:このアクションは、セクションではなくパーツにのみ使用することができます。
    • 重ね順:重なり合っているパーツがある場合は、選択したパーツの順序を変更します:
      • 前面へ移動:パーツを 1つ前のレイヤーに移動させます。
      • 背面へ移動:パーツを 1つ後ろのレイヤーに移動させます。
      • 最前面へ移動:パーツを他のすべてのレイヤーの前面に移動させます。
      • 最背面へ移動:パーツを他のすべてのレイヤーの背面に移動させます。
Wix Harmony エディタのレイヤーパネルで、「その他のアクション」オプションが表示されたスクリーンショット。

ページのコンテンツに焦点を当てたい場合は、ヘッダーまたはフッターを非表示にして、コンテンツを目立たせることができます。この設定は現在作業中のページにのみ適用でき、いつでも表示と非表示を切り替えることができます。

ヘッダーまたはフッターを非表示にする方法:

  1. エディタに移動します。
  2. エディタ左下の「レイヤー をクリックします。
  3. (レイヤーパネルで)「ヘッダー」または「フッター」横の、「その他のアクション」アイコン をクリックします。
  4. ヘッダーを非表示」または「フッターを非表示」を選択します。
レイヤーパネルでフッターの「その他のアクション」メニューが表示されたスクリーンショット。
ヒント:
ヘッダーまたはフッターを再度表示するには、上記の手順 4で「ヘッダー / フッターを表示」を選択します。

モバイルでパーツを非表示にする

レイヤーパネルを使用すると、簡単にモバイルで特定のパーツを非表示にすることができます。これにより、モバイルの画面に必要なパーツのみを表示して、モバイルでのエクスペリエンスを向上させることができます。もちろん、非表示にしたパーツは、いつでも再度表示することができます。

モバイルでパーツを非表示にする方法:

  1. エディタに移動します。
  2. ページ右上の「モバイル」アイコン をクリックします。
  3. エディタ左下の「レイヤー をクリックします。
  4. (レイヤーパネルで)パーツまたはセクション横の「その他のアクション」アイコン をクリックします。
  5. 非表示」を選択します。
    ヒント:このパーツはモバイルサイトでは非表示になりますが、デスクトップサイトでは表示されたままになります。
Wix Harmony エディタの「モバイル」タブで、レイヤーパネルの「その他のアクション」アイコンが表示されたスクリーンショット。「非表示」のオプションがハイライトされています。
ヒント:
モバイルで非表示にしたパーツを再度表示したい場合は、モバイル表示に切り替え、レイヤーパネル上部の「Hidden from mobile(モバイルから非表示)」タブをクリックします。そして、「モバイルで表示」アイコン  をクリックします。

よくある質問

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

Helpmate

こんにちは、さん

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