エレメントのコピーと貼り付け.

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

任意のエレメントをコピーし、同じページに複製を貼り付けられます。同じボタンやカードを2度作る必要はありません。キーボードまたはMoreメニューを使います。他のページでエレメントを使い回すには、代わりにテンプレートとして保存します。例ではLearn moreボタンをコピーし、すぐ下に貼り付けています。

キーボードでのエレメントのコピー

  1. コントロールバーのエレメント名をクリックして選択し、Ctrl+Cキー(MacではCmd+Cキー)を押してコピーします。
  2. 貼り付けはCtrl+Vキー(MacではCmd+Vキー)を押します。コピーが選択したエレメントのすぐ後に表示されます。
  3. DXPRツールバーの目アイコンをクリックし、Previewを選んで結果を確認します。
  4. 同じメニューでEditを選ぶと、編集に戻ります。
  5. 最後にSaveをクリックして、ページを保存します。

別の場所に貼り付けるには、コピーの行き先となるエレメントを選択してからCtrl+Vキーを押します。コントロールバーの名前を選択します。テキストのクリックではテキスト編集が始まるためです。

コピーのすべての方法

エレメントにカーソルを合わせ、コントロールバーの3点ドットであるMoreをクリックすると、メニュー項目として同じ操作があります。各項目の右にはキーボードショートカットが表示されます。

操作 キーボード Moreメニュー内
Copy Ctrl+C カラム以外のすべて
Cut Ctrl+X 他のエレメントを含まないエレメント。セクション、ロー、カラム、Tabs、Collapse panel、Carousel、Card、Panel、Jumbotron、Link、Positioned layersとその部品は対象外
Paste Ctrl+Vキー。選択したエレメントの後。選択したセクション、カラム、その他エレメントを持つ箇所では中の先頭 セクション、カラム、単独のタブ、カルーセルのスライド、Collapse panelのトグル、Card、Panel、Jumbotron、Link、Positioned layers。中では先頭
Clone Ctrl+D カラムとカルーセルのスライド以外のすべて。コピーは元のすぐ後に追加される

Ctrl+Cキー、Ctrl+Xキー、Ctrl+Dキーは、Moreメニューに対応項目がある場所ならどこでも使えます。そのためCtrl+Cキーでも選択したセクションやローをコピーできます。MacではCtrlの代わりにCmdを使います。セクション全体を繰り返すには複製を使います。貼り付けたセクションは選択したセクションの中に入るためです。Cloneでのエレメントの複製をご覧ください。

クリップボードは1項目分で、ページの再読み込みで空になります。他のページでエレメントを使うには、Save as templateをMoreメニューで選びます。ユーザーテンプレートをご覧ください。

表示内容

コピーは元と同じコンテンツ、設定、スタイルで、元のすぐ後に表示されます。Saveボタンのドットが、ページに未保存の変更があることを示します。Ctrl+Zキー(MacではCmd+Zキー)を押すと、コピーを再度取り除けます。

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

  • Ctrl+Vキーを押しても何も起きない。 コピー後にページを再読み込みしたため、クリップボードが空です。エレメントをもう一度コピーしてから貼り付けます。
  • エレメントではなくテキストが貼り付けられる。 エレメントのテキスト内をクリックしたため、キーがそのテキストに作用しています。エレメントの外側をクリックし、コントロールバーで名前をクリックしてからもう一度コピーします。
  • Ctrl+Vキーで別のエレメントが貼り付けられる。 Cloneもクリップボードを使うため、コピー後の複製が置き換えています。貼り付けの直前にもう一度エレメントをコピーします。
  • 貼り付けたセクションが他のセクションの中に入る。 セクションへの貼り付けは中に入ります。Ctrl+Zキーを押してから、代わりにセクションを複製します。
  • MoreメニューにPasteがない。 エレメントを持つ箇所にのみあります。セクション、カラム、単独のタブ、カルーセルのスライド、Collapse panelのトグル、Card、Panel、Jumbotron、Link、Positioned layersです。ロー、Tabs、Collapse panel、Carouselにはありません。エレメントを選択してCtrl+Vキーを押し、その後に貼り付けます。

次のステップ