> For the complete documentation index, see [llms.txt](https://helps.ptengine.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://helps.ptengine.com/experience/campaign/create-new/notes-layer.md).

# 適切なレイヤーの選択

## レイヤーの選択 <a href="#id-0-toc-title" id="id-0-toc-title"></a>

レイヤー選択機能は適切なサイトの構成要素を選択するのに役立ちます。

例えば、バナーとその中のテキストも含めて全体を選択したい場合、レイヤー選択バーの中間にある div を選択します。

選択されている要素には薄緑の背景がかかるので、適切な要素を選択できているかどうかご確認ください。

レイヤー選択バーの要素名をクリックするだけで要素を選択できます。

![](/files/HVTmJ6Rgeqq202o8BUHc)

上のコンテンツのサイト構成は下の図のようになっています。

![](/files/bXXWEiBdgEccnR2ZqeZI)

## **レイヤー選択機能はどのような時に使うのでしょうか？**

1. **バナーリンクの編集**
   * 画像をクリックしても「画像変更」しか表示されない場合、リンク先の編集はできません。
   * この場合、レイヤー選択バーから「aタグ」を選択すると、リンク先の編集が可能になります。

![](/files/JhhvhGub7h9lYGEzqZGY)

2. **選択しづらい要素の操作**

* 赤枠全体など、直接クリックでは選択できない要素がある場合、レイヤー選択機能を利用しましょう。
* レイヤー選択バーを使えば、重なって見えないコンテナなども確実に選択できます。

![](/files/lMt183Qi58npipgc0ylV)

3. **新しいコンテンツの追加**

* HTMLの知識がなくても、ページに新しい要素を追加したい場合に役立ちます。
* 例えば、中央のdivが親レイヤーの場合、これを選択して、その直後に新しいコンテンツを追加できます。

![](/files/yBzNXB718ijqJl95nOQv)

<br>
