--- url: 'https://dxpr.com/ja/hc/documentation/learn-dxpr-builder/editing/context-menus' title: 'エレメントのMoreメニューの使い方 | DXPR' author: name: Jurriaan url: 'https://dxpr.com/users/jurriaan' date: '2026-10-24T14:20:28+00:00' updated: '2026-10-24T17:19:22+00:00' copyright: 'Copyright DXPR. All rights reserved.' type: article summary: エレメント、カラム、ロー、セクションにはすべてMoreボタン（コントロールバーの3点ドット）があります。そのメニューには、ページのその箇所でよく使う操作が入っています。ここでは各項目の内容と表示場所を説明します。例ではボタンをテキストの下に動かし、次にセクションをコピーして貼り付けています。 tags: - 'Edit a page' image: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg' published: true og: site_name: DXPR updated_time: '2026-10-24T17:19:22+0000' 'image:alt': 'DXPR, powered by Drupal: AI-powered Drupal for marketers.' schema: '@context': 'https://schema.org' '@graph': - mainEntity: { } - '@type': TechArticle headline: エレメントのMoreメニューの使い方 description: エレメント、カラム、ロー、セクションにはすべてMoreボタン（コントロールバーの3点ドット）があります。そのメニューには、ページのその箇所でよく使う操作が入っています。ここでは各項目の内容と表示場所を説明します。例ではボタンをテキストの下に動かし、次にセクションをコピーして貼り付けています。 image: '@type': ImageObject url: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg' width: '1200' height: '630' datePublished: '2026-10-24T14:20:28+0000' dateModified: '2026-10-24T17:19:22+0000' author: '@type': Organization '@id': 'https://dxpr.com/#organization' name: DXPR url: 'https://dxpr.com/' logo: '@type': ImageObject url: 'https://dxpr.com/themes/custom/dxpr_com/dxpr-logo-dark.svg' width: '1348' height: '501' publisher: '@type': Organization '@id': 'https://dxpr.com/#organization' name: DXPR url: 'https://dxpr.com/' logo: '@type': ImageObject url: 'https://dxpr.com/themes/custom/dxpr_com/dxpr-logo-dark.svg' width: '1348' height: '501' mainEntityOfPage: 'https://dxpr.com/ja/hc/documentation/learn-dxpr-builder/editing/context-menus' articleSection: ページを編集 - '@type': WebPage '@id': 'https://dxpr.com/ja/hc/documentation/learn-dxpr-builder/editing/context-menus' description: エレメント、カラム、ロー、セクションにはすべてMoreボタン（コントロールバーの3点ドット）があります。そのメニューには、ページのその箇所でよく使う操作が入っています。ここでは各項目の内容と表示場所を説明します。例ではボタンをテキストの下に動かし、次にセクションをコピーして貼り付けています。 breadcrumb: '@type': BreadcrumbList itemListElement: - '@type': ListItem position: 1 name: ホーム item: 'https://dxpr.com/ja' publisher: '@type': Organization '@id': 'https://dxpr.com/#organization' name: DXPR inLanguage: ja --- [ヘルプセンター](/ja/node/75)/[ドキュメント](/ja/hc/documentation) /[DXPR Builderを学ぶ](/ja/hc/documentation/learn-dxpr-builder) /[ページを作る](/ja/hc/documentation/learn-dxpr-builder/build) /[ページを編集](/ja/hc/documentation/learn-dxpr-builder/editing) # エレメントのMoreメニューの使い方. DXPR Builderを学ぶページを作るページを編集 ## このガイドの内容 関連ガイド - [編集したい箇所の選択](/ja/hc/documentation/learn-dxpr-builder/editing/selecting-elements) - [Cloneでのエレメントの複製](/ja/hc/documentation/learn-dxpr-builder/editing/clone) - [エレメントのコピーと貼り付け](/ja/hc/documentation/learn-dxpr-builder/editing/copy-paste) - [セクションを保存して再利用する](/ja/hc/documentation/learn-dxpr-builder/reusable-templates/user-templates) エレメント、カラム、ロー、セクションにはすべて**More**ボタン（コントロールバーの3点ドット）があります。そのメニューには、ページのその箇所でよく使う操作が入っています。ここでは各項目の内容と表示場所を説明します。例ではボタンをテキストの下に動かし、次にセクションをコピーして貼り付けています。 ## 見出しとボタンの追加 1. 空のコンテンツエリアで**Add Elements**をクリックし、**Layout**タブから**Section**を選びます。 2. セクションの**+**をクリックし、**Content**タブから**Text**を選びます。見出しを入力し、**Heading 2**に設定して1行追加し、**Save**をクリックします。 3. もう一度セクションの**+**をクリックして**Button**を選びます。テキストの上に配置されます。**Title**を入力し、**Link**を設定して、**Type**はPrimaryのまま**Save**をクリックします。 ## エレメントの移動 1. ボタンにカーソルを合わせます。**More**ボタン付きのコントロールバーが表示されます。 2. 次に**More**をクリックしてメニューを開きます。 3. 移動は**Move Down**を選びます。ボタンが下のテキストと入れ替わります。 ## セクションのコピーと貼り付け 1. セクションにカーソルを合わせます。そのバーにも同じ**More**ボタンがあります。 2. 次に**More**をクリックして**Copy**を選びます。 3. もう一度セクションの**More**をクリックして**Paste**を選びます。コピーはセクション内の先頭に入るため、内容が2重に表示されます。 4. 最後に**Save**をクリックします。 最初のセクションの後に2つ目のセクションを置くには、代わりにセクションの**Clone**を選びます。[Cloneでのエレメントの複製](/ja/hc/documentation/learn-dxpr-builder/editing/clone)をご覧ください。 ## すべての操作 表示される項目は、カーソルを合わせた対象により変わります。各項目の右にはキーボードショートカットが表示されます。[キーボードショートカット](/ja/hc/documentation/learn-dxpr-builder/reference/keyboard-shortcuts)をご覧ください。 | 操作 | 内容 | 表示場所 | |---|---|---| | **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](/ja/hc/documentation/learn-dxpr-builder/editing/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**を使います。[編集したい箇所の選択](/ja/hc/documentation/learn-dxpr-builder/editing/selecting-elements)をご覧ください。 - **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キー）を押して元に戻します。 ## 次のステップ - [編集したい箇所の選択](/ja/hc/documentation/learn-dxpr-builder/editing/selecting-elements)：セクション、ロー、カラムのバーにたどり着きます。 - [Cloneでのエレメントの複製](/ja/hc/documentation/learn-dxpr-builder/editing/clone)：コピーの行き先と引き継ぎ内容を確認します。 - [エレメントのコピーと貼り付け](/ja/hc/documentation/learn-dxpr-builder/editing/copy-paste)：同じ操作をキーボードで行います。 - [コンテンツのテンプレート保存](/ja/hc/documentation/learn-dxpr-builder/reusable-templates/user-templates)：エレメントを他のページで使い回します。