ホーム » Elementor:部品の追加・移動・複製・削除

Elementor:部品の追加・移動・複製・削除

Elementor:部品の追加・移動・複製・削除

見出しや画像などの部品を増やしたり、順番を変えたりする共通操作を覚えましょう。

開発環境の実画面で説明しています。赤い番号と手順を見比べて進めてください。撮影:2026年9月23日/Elementor 4.3.0。従来の「基本」「一般」のウィジェットとコンテナを使います。「Atomic エレメント」は別の設定です。練習には新しい下書きページを使いましょう。

1.部品を追加する

  1. 上部の「+」(要素を追加)を押します。
  2. 「基本」の「見出し」などを選び、入れたいコンテナの内側へドラッグします。挿入位置を示す線を確認して離します。
  3. 右側の部品を選び、左上に「見出しを編集」など目的の名前が出たら内容を入力します。
成功の目印

追加した部品がページと「構造」の両方に表示されます。

2.同じ部品を複製する

1 複製 / 2 コピー / 3 削除123
1 複製 / 2 コピー / 3 削除
画像を大きく見る(赤い番号付き)
1 複製 / 2 コピー / 3 削除123
  1. 増やしたい部品を右クリックし、画像の①「複製」を選びます。
  2. コピーが1つ増えたら、文章・画像・リンクを差し替えます。
  3. 離れた場所へ貼りたいときは②「コピー」を使い、貼り付け先を右クリックして「貼り付け」を選びます。ブラウザーがクリップボード利用を求める場合があります。
複製するとリンク先も同じになります。見た目だけでなく、ボタンの移動先も確認してください。「スタイル貼り付け」は見た目を移す操作で、通常の貼り付けとは別です。

3.部品の順番を変える

  1. 上部の「構造」を開き、移動したい見出し・画像などの行を探します。
  2. 行をつかんで移動先へドラッグします。目的の位置に線が出てから離します。
  3. 右側で表示順を確認します。コンテナの内側へ入れると、親コンテナの並び方や幅が適用されます。

構造の詳しい使い方

成功の目印

目的の場所に部品が移動し、ほかのまとまりが崩れていません。

4.不要な部品を削除・元に戻す

  1. 削除したい部品を右クリックし、画像の③「削除」を押します。
  2. 親コンテナを削除すると、中の部品も一緒に消えます。左上の編集名や構造で対象を確かめます。
  3. 間違えた直後はWindowsならCtrl+Z、MacならCommand+Zで戻します。内容を確認してから下書き保存します。

保存・公開・履歴から戻す手順

成功の目印

必要な部品だけが残り、複製した文章やリンクも修正できました。


← Elementorマニュアルの一覧へ