エレメントのMoreメニューの使い方.
エレメント、カラム、ロー、セクションにはすべてMoreボタン（コントロールバーの3点ドット）があります。そのメニューには、ページのその箇所でよく使う操作が入っています。ここでは各項目の内容と表示場所を説明します。例ではボタンをテキストの下に動かし、次にセクションをコピーして貼り付けています。
見出しとボタンの追加
- 空のコンテンツエリアでAdd Elementsをクリックし、LayoutタブからSectionを選びます。
- セクションの+をクリックし、ContentタブからTextを選びます。見出しを入力し、Heading 2に設定して1行追加し、Saveをクリックします。
- もう一度セクションの+をクリックしてButtonを選びます。テキストの上に配置されます。Titleを入力し、Linkを設定して、TypeはPrimaryのままSaveをクリックします。
エレメントの移動
- ボタンにカーソルを合わせます。Moreボタン付きのコントロールバーが表示されます。
- 次にMoreをクリックしてメニューを開きます。
- 移動はMove Downを選びます。ボタンが下のテキストと入れ替わります。
セクションのコピーと貼り付け
- セクションにカーソルを合わせます。そのバーにも同じMoreボタンがあります。
- 次にMoreをクリックしてCopyを選びます。
- もう一度セクションのMoreをクリックしてPasteを選びます。コピーはセクション内の先頭に入るため、内容が2重に表示されます。
- 最後にSaveをクリックします。
最初のセクションの後に2つ目のセクションを置くには、代わりにセクションのCloneを選びます。Cloneでのエレメントの複製をご覧ください。
すべての操作
表示される項目は、カーソルを合わせた対象により変わります。各項目の右にはキーボードショートカットが表示されます。キーボードショートカットをご覧ください。
| 操作 | 内容 | 表示場所 |
|---|---|---|
| Settings | 設定ダイアログを開きます | すべて |
| Edit with AI | ページのその箇所向けのAIプロンプトを開きます | AI設定済みの場合の、Drupalブロックとビュー以外のすべて |
| Copy | コピーをクリップボードに載せます | カラム以外のすべて |
| Cut | 取り除いてクリップボードに載せます | 他のエレメントを含まないエレメント。セクション、ロー、カラム、Tabs、Collapse panel、Carousel、Card、Panel、Jumbotron、Link、Positioned layersとその部品は対象外 |
| Paste | クリップボードの内容を中の先頭に挿入します | セクション、カラム、単独のタブ、カルーセルのスライド、Collapse panelのトグル、Card、Panel、Jumbotron、Link、Positioned layers |
| Clone | すぐ後に複製を置きます。詳細はClone | カラムとカルーセルのスライド以外のすべて |
| Move Up、Move Down | 上下の隣と入れ替わります | その側に隣があるもの。カラムは対象外 |
| Edit View | 新しいタブでViewsエディターにビューを開きます | Drupalビュー |
| Save as template | 他のページ向けのテンプレートとして保存します | すべて |
| Show in layers panel | その項目を選択した状態でLayersパネルを開きます | すべて |
| Delete | 確認なしですぐに取り除きます | カラム以外のすべて |
| Create variant | その箇所でA/Bテストを始めます | A/Bテスト利用可能な場合 |
表示内容
実行後はMove Downでボタンがテキストの下にあります。貼り付けの後は、見出しとボタンがセクション内に2重に表示されます。Previewでは、訪問者と同じくコントロールバーなしのページが見えます。
Moreボタンが表示されない場合
- カーソルを合わせてもコントロールバーが出ない。 ページがPreviewモードです。DXPRツールバーの目アイコンをクリックしてEditを選びます。
- バーがページの違う箇所のものになっている。 ホバーでは、ポインターの下にある最も内側の項目のバーが表示されます。カラム、ロー、セクションの端に移動するか、Show in layers panelを使います。編集したい箇所の選択をご覧ください。
- Paste項目がない。 エレメントを持つ箇所にのみあります。セクション、カラム、単独のタブ、カルーセルのスライド、Collapse panelのトグル、Card、Panel、Jumbotron、Link、Positioned layersです。ロー、Tabs、Collapse panel、Carouselにはありません。エレメントを選択してCtrl+Vキー（MacではCmd+Vキー）を押し、その後に貼り付けます。
- Cut項目がない。 他のエレメントを持つ箇所は切り取れません。セクション、ロー、カラム、Tabs、Collapse panel、Carousel、Card、Panel、Jumbotron、Link、Positioned layersです。Copyを使うか、新しい場所にドラッグします。
- 違う項目を削除した。 Deleteは事前に確認しません。Ctrl+Zキー（MacではCmd+Zキー）を押して元に戻します。
次のステップ
- 編集したい箇所の選択：セクション、ロー、カラムのバーにたどり着きます。
- Cloneでのエレメントの複製：コピーの行き先と引き継ぎ内容を確認します。
- エレメントのコピーと貼り付け：同じ操作をキーボードで行います。
- コンテンツのテンプレート保存：エレメントを他のページで使い回します。