Cloneでのエレメントの複製.

DXPR Builderを学ぶページを作るページを編集

ページの一部が繰り返すとき(2日間にわたるオープンキャンパスのプログラムなど)は、複製して異なる部分だけを変えます。コピーの行き先が元のすぐ後の場合は、コピー&ペーストよりCloneが速くなります。メニュー1つで、セクション全体もその場に複製できます。他のページでセクションを使い回すには、代わりにテンプレートとして保存します。動画では土曜日のプログラムを日曜日用に作り変えています。

セクションの複製

  1. 繰り返したいセクションにカーソルを合わせ、コントロールバーの3点ドットであるMoreをクリックします。
  2. メニューでCloneを選びます。コピーが元のすぐ下に表示されます。
  3. コピーの見出しをクリックし、異なる部分を変えます。動画ではSaturdayがSundayになります。
  4. テキストの外側をクリックして編集を終わります。
  5. DXPRツールバーのSaveをクリックして、ページを保存します。

ローとエレメントも、それぞれのMoreメニューから同じ手順で複製できます。中身はすべて付いてきます。セクションを複製すればロー、カラム、エレメントも一緒です。

キーボードでの複製

コントロールバーのエレメント名をクリックして選択します。次にCtrl+Dキー(MacではCmd+Dキー)を押します。何も選択していない場合は、ポインターの下にあるエレメントが対象になります。MoreメニューにCloneがある場所ならどこでも使えます。カラムとカルーセルのスライドは例外で、複製できません。そのキー操作はブラウザーに渡ります。

コピーの行き先

複製する対象 コピー
セクション 下に新しいセクションとして追加される
ロー 下に、同じセクションまたはカラム内に追加される
エレメント すぐ後に、同じカラムまたはセクション内に追加される
タブ 同じタイトルの次のタブになり、開いた状態になる
トグル:Collapse panel 下に追加されて開く。他のトグルは閉じる
カラムまたはカルーセルのスライド 複製できない

コピーが引き継ぐ内容

コピーは元と同じコンテンツ、設定、スタイルを持ちます。2点だけ知っておきます。

  • HTML ID:元がHTML IDを保持するため、そこへのリンクは動作し続けます。コピーとその中の各エレメントには個別のIDが付きます。コピーにリンクしたい場合は、設定でIDを入力します。
  • A/B test variants:コピーはすべてのバリアントを引き継ぎ、別のテストとして実行されます。

表示内容

コピーは元のすぐ後に表示され、Saveのドットがページに未保存の変更があることを示します。Editing Historyパネルには、エレメント名付きでClone Sectionのように手順が記録されます。Ctrl+Zキー(MacではCmd+Zキー)を押すと、コピーを取り消せます。

Cloneはエレメントをビルダーのクリップボードにも載せます。以前コピーした内容は置き換わります。Saveをクリックすれば、訪問者にコピーが表示されます。

コピーが表示されない場合

  • Ctrl+Dキーでブラウザーのブックマーク追加画面が開く。 エレメントが選択もポイントもされていないか、対象が複製できないカラムやカルーセルのスライドです。コントロールバーで繰り返したいエレメントの名前をクリックするか、ポイントしてから、もう一度Ctrl+Dキーを押します。
  • テキスト編集中にCtrl+Dキーでブックマーク追加画面が開く。 カーソルがテキスト内にある間は、キーがブラウザーに渡ります。テキストの外側をクリックし、コントロールバーでエレメントの名前をクリックしてから、もう一度Ctrl+Dキーを押します。
  • MoreメニューにCloneがない。 カラムとカルーセルのスライドは複製できません。カラムを追加するには、ローのコントロールバーにあるグリッドアイコンをクリックしてカラム数の多いレイアウトを選びます。Adding a Rowをご覧ください。スライドの場合は、カルーセルのコントロールバーにあるAdd slideをクリックします。
  • セクション全体ではなく1つのエレメントだけがコピーされた。 セクション内のエレメントのMoreメニューを開いています。Ctrl+Zキーを押し、コントロールバーにSectionと表示されるまでセクションの空いた部分にカーソルを合わせてから、もう一度複製します。
  • Ctrl+Vキーでコピー内容ではなく複製が貼り付けられる。 Cloneがクリップボードのコピーを置き換えています。貼り付けの直前にもう一度エレメントをコピーします。

次のステップ