> For the complete documentation index, see [llms.txt](https://docs.vwo.gaprise.jp/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.vwo.gaprise.jp/testing/editor/4tn4rvmlrc.md).

# ビジュアルエディターで同じ要素を一括変更する方法

### 手順

1. ビジュアルエディターで、一括変更する要素のうちの1つを選択し、\[要素変更]をクリックして編集し保存します。\
   \
   下記のキャプチャでは、要素変更からタイトルテキスト「NEW」を「TEST」に編集しています。

<figure><img src="/files/KHeeYQLa4fobRFHG1Hsc" alt=""><figcaption></figcaption></figure>

<figure><img src="/files/eBuBfqaa5LDOV8A2G64K" alt=""><figcaption></figcaption></figure>

2. 同一ページ内で一括変更する要素に共通のclassを確認します。下記のように再び要素をクリックして\[HTMLの編集]から確認できます。

<figure><img src="/files/ta96LM6LEqeTAQZvGjP5" alt=""><figcaption></figcaption></figure>

3. 右下に表示されているVariation内の\[詳細を見ます]をクリックします。

<figure><img src="/files/WVmzlaPzs1NgwVJlbFuH" alt=""><figcaption></figcaption></figure>

4. Valiationの編集履歴が表示されますので、1で変更した履歴の要素名をクリックし、表示された\[編集]をクリックします。

<figure><img src="/files/EYgIcWrqH2vpIPNJlUlq" alt=""><figcaption></figcaption></figure>

5. 「Use classes」を選択し、一括変更する要素共通のclassにチェックをいれます。 複数選択肢が表示される場合、編集対象ではない要素を巻き込まないようご注意ください。

<figure><img src="/files/gbzikf36haQEZ7e19kHk" alt=""><figcaption></figcaption></figure>

6. 保存すると、下記のように同じ要素がビジュアルエディター上で変更されます。一括変更対象の要素に反映されていることを確認してください。\
   \
   ■変更前

<figure><img src="/files/qNM7QkaAgmh54WUQy41D" alt=""><figcaption></figcaption></figure>

■変更後

<figure><img src="/files/fIoNoWgR0k1Osw7z5EZn" alt=""><figcaption></figcaption></figure>

7. 特定ページだけではなく、複数ページにわたって同様の変更を行う場合は、\[Configuration] > \[ページ]で変更したいページがテスト対象になるようにURLを指定してください。

<figure><img src="/files/1HCvOHHIUIxqB0bq1wtm" alt=""><figcaption></figcaption></figure>

※本ページは[\[原文：Working with Element's Selector Paths While Making Changes Using VWO's Visual Editor\]](https://help.vwo.com/hc/en-us/articles/900003793166-Working-with-Element-s-Selector-Paths-While-Making-Changes-Using-VWO-s-Visual-Editor)を翻訳・加筆修正しています。