> For the complete documentation index, see [llms.txt](https://helps.ptengine.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://helps.ptengine.com/experience/campaign/create-new/notes-add-content.md).

# コンテンツ追加のコツ

この記事では、ページ編集におけるコンテンツ追加のポイントをご紹介します。

## 追加する場所 <a href="#id-0-toc-title" id="id-0-toc-title"></a>

コンテンツ追加では、「選択した要素の前後」もしくは「選択した領域内の先頭/末尾」からコンテンツを追加する場所を指定できます。

![](https://4061457514-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgRz7WrQwZOO6dfD8wRWy%2Fuploads%2Fgit-blob-ae9dbd4d8e124dbb3c628746ecb042b33cd9d94f%2Fexperience-campaign-inline-edit-notes-add-content-01.jpg?alt=media)

### **「選択した要素の前」と「選択した要素の後」**

一般的に、下図の例のように選択した要素の上部（または下部）にコンテンツが追加されます。

![](https://4061457514-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgRz7WrQwZOO6dfD8wRWy%2Fuploads%2Fgit-blob-ffe6abcd561d03987d84e3575dcef6e7bdd4b148%2Fexperience-campaign-inline-edit-notes-add-content-02.png?alt=media)

### **「選択した領域内の先頭」と「選択した領域内の末尾」**

一般的に、下図のように選択した要素の左側（または右側）にコンテンツが追加されます。

![](https://4061457514-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgRz7WrQwZOO6dfD8wRWy%2Fuploads%2Fgit-blob-52bedaaf282d37408497e65084e62559f2c8adb6%2Fexperience-campaign-inline-edit-notes-add-content-03.png?alt=media)

{% hint style="success" %}
**Note：**&#x5F53;該ページの構成により、意図した場所に配置できない場合もありますので、数パターンお試しいただくことをおすすめします。\
コンテンツを追加したい場所にうまく追加できない場合は、チャットサポートまでお問い合わせください。
{% endhint %}

### 間隔調整 <a href="#id-1-toc-title" id="id-1-toc-title"></a>

スタイル編集アイコンをクリックし、ツールボックスを下にスクロールすると内側余白と外側余白を編集できます。

![](https://4061457514-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgRz7WrQwZOO6dfD8wRWy%2Fuploads%2Fgit-blob-8a1f30f67079656b99a01cd668aa0bf9768bc20c%2Fexperience-campaign-inline-edit-notes-add-content-04.jpg?alt=media)

下の図のように、内側余白ではコンテンツの枠線内の余白を、外側余白ではコンテンツの枠線外の余白を調整できます。

![](https://4061457514-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgRz7WrQwZOO6dfD8wRWy%2Fuploads%2Fgit-blob-8e0ad5ac21a474d06be57f22e9759622414f6d6d%2Fexperience-campaign-inline-edit-notes-add-content-05.jpg?alt=media)

### 配置調整 <a href="#id-2-toc-title" id="id-2-toc-title"></a>

#### **テキスト**

テキスト要素を追加した場合、スタイル編集 > 配置 から、左寄せ、中央寄せ、右寄せ、均等割り付けから配置を指定することができます。

![](https://4061457514-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgRz7WrQwZOO6dfD8wRWy%2Fuploads%2Fgit-blob-2496a679b548a741d09c3503c68334075ed7f923%2Fexperience-campaign-inline-edit-notes-add-content-06.jpg?alt=media)

#### **画像・ボタン**

画像またはボタンを追加した場合、レイヤー選択機能で1つ前（これに限らならい場合もあります）のレイヤーを選択してからスタイル編集アイコンをクリックし配置を選択します。<br>

<figure><img src="https://4061457514-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgRz7WrQwZOO6dfD8wRWy%2Fuploads%2Fgit-blob-2f64135c4b31e875d380a4d542e41c13ddae618f%2Fexperience-campaign-inline-edit-notes-add-content-07.jpg?alt=media" alt="" width="563"><figcaption></figcaption></figure>

<figure><img src="https://4061457514-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgRz7WrQwZOO6dfD8wRWy%2Fuploads%2Fgit-blob-db16fd24240f6cb5cc725a31527e7e32818006bc%2Fexperience-campaign-inline-edit-notes-add-content-08.jpg?alt=media" alt="" width="563"><figcaption></figcaption></figure>

<br>
