---
title: "コンポーネントまたはプレースホルダーの選択"
slug: "selecting-a-component-or-placeholder"
abstract: "ページ上のコンポーネントやプレースホルダーの選択方法を説明します。"
---
# コンポーネントまたはプレースホルダーの選択

Page Builderでは、コンポーネントやプレースホルダーにフィールド、別のコンポーネント、または同じサイズの他のプレースホルダーを含めることができます。入れ子されたアイテムの選択を容易にするために、Page builderの左側ペインにはキャンバス上のすべての要素のインタラクティブな階層構造が含まれています。同様に、キャンバス上の要素を選択する際は、コンテキストツールバーで親要素を選択できます。

## レイヤー階層を使った要素の選択

ページビルダーの左側にあるレイヤータブでは、ページ上のすべての要素の階層の概要が表示され、作業したい正確な要素を選択できます。これらの要素はそれぞれのプロパティに従って選択・編集できるため、WYSIWYGのページ構築体験を提供します。

レイヤータブでは、ネストされた要素が展開・取りたたまりボタンで表示され、すべての要素はデフォルトで展開されます。タブ上の要素にマウスを合わせるとキャンバス上でハイライト表示されるか、クリックするとキャンバス上で選択できます。

## キャンバス内の要素選択

ページビルダーのエディタービューのどこかをクリックすると、最も低いレベルの要素が選択され、その要素名が表示されたコンテキストツールバーが表示されます。コンテキストツールバーの左側にある矢印をクリックすると、現在選択されている要素の親へ移動できます。

例えば、次のスクリーンショットでは **テキストフィールドが** 選択されています。

![A text field is selected in the canvas](https://doc.sitecore.com/api/markdown-image/sai/ja/users/sitecoreai/images/field1.png)

**テキスト**コンテキストツールバーの左矢印をクリックすると、フィールドを含むコンポーネント(この例では**リッチテキスト**コンポーネント)が選択されます。

![The parent element to the text field is now selected](https://doc.sitecore.com/api/markdown-image/sai/ja/users/sitecoreai/images/field2.png)