Wix Studio エディタ：レイヤーを操作する

Wix Studio エディタで作業しているページのレイヤーを管理します。ここには、すべてのセクションと要素が表示され、それらの階層をよりよく理解することができます。レイヤーパネルは、キャンバス上で見つけるのが難しい要素を選択する場合にも役立ちます。

レイヤーパネルには、現在のページのすべてのセクションが上から下に階層で表示されます。たとえば、ページの上部にヘッダーがある場合、リストの上部に表示されます。

他の要素内に要素をネストすると、要素間に親子関係が作成されます。たとえば、コンテナ内のテキスト要素はそのコンテナの子要素です。そのコンテナは、それを表示するセクションの子になります。

レイヤーパネルはこの親子関係のロジックに従って構成されているため、親要素をクリックして子要素を表示できます。ページにマスターセクションがある場合、緑色でハイライトされます。

レイヤーパネルは、ページ上の特定の要素にすばやく移動する便利な方法です。また、重複する要素があり、必要な要素を見つけたり選択したりできない場合など、要素を見つけるのに最適です。

レイヤーにマウスオーバーすると、ページ上でハイライト表示されます。レイヤーをクリックすると、エディタはその要素まで直接スクロールします。この時点でパネルを閉じても、選択内容は保存されます。

必要なレイヤーが見つかりましたか？このパネルから、レイヤーのコピー、上下の移動、表示するページの選択などのアクションを実行できます。

次のいずれかの操作を行って、レイヤーを管理します：

Editor X を使用して、キャンバス上のレイヤーを取得するためのデフォルト経路を選択できます。子要素を持つ親コンテナをクリックしたときに「選択」される要素を決定します。

ページに多くのセクション、コンテナ、要素を追加すると、レイヤーパネルでそれらを区別することが難しくなる場合があります。簡単に識別できるように、レイヤーの名前を変更することができます。該当するレイヤーをダブルクリックして、新しい名前を付けます。

ドラッグアンドドロップを使用すると、現在のページの要素やセクションを簡単に並べ替えることができます。レイヤーパネルは上から下に整理されているため、要素を移動させると、ページ上の位置にも影響します。

重複する要素を操作する場合、要素を並べ替えると Z 順序にも影響します。たとえば、シェイプの上にテキストを表示する場合、レイヤーパネルでテキストをシェイプの上に配置する必要があります。

「非表示」を選択することで、キャンバス上で現在のブレイクポイントから要素をすばやく非表示にすることができます。

ただし、要素を再表示する必要がある場合は、レイヤーパネルから行う必要があります。非表示の要素は、リストで簡単に見つけることができるように「非表示」アイコン  と共に表示されます。