> ## Documentation Index
> Fetch the complete documentation index at: https://foliant-help.iforiti.com/llms.txt
> Use this file to discover all available pages before exploring further.

# ブロックの追加・移動・削除

> ビジュアルエディターでパレットからブロックを追加し、ドラッグして配置し、インスペクターで編集してドキュメントを作成します。

ビジュアルエディターでは、ドキュメントはブロックを積み重ねて構成します。ヘッダー、住所、商品の表、合計などです。左側のパレットからブロックを追加し、中央のページ上で並べ、右側のインスペクターで選択中のブロックを変更します。作業中のページには、実際の書類のスタイルとプレビュー用の注文の内容が表示されます。

## 始める前に

ビジュアルエディターを利用できるかどうかは、プランによって異なります。[ビジュアルエディターのプラン別の利用可否](https://foliant-help.iforiti.com/jp/template-editor/visual-editor-plans.md)をご覧ください。

## ブロックを追加する

* パレットのブロックを**クリック**すると、選択中のブロックの下に追加されます（何も選択していない場合は末尾に追加されます）。
* パレットのブロックをページ上、または**ブロック**のアウトラインに**ドラッグ**します。配置される位置に線が表示されます。

パレット上部の**ブロックを検索**を使うと、名前でブロックを探せます。パレットでは、ブロックが**レイアウト**、**注文**、**法令対応**、**コンテンツ**、**保存済みブロック**に分類されています（選択したすべての注文を対象とするテンプレートでは、**注文**の代わりに**選択したすべての注文**が表示されます）。[ブロックリファレンス](https://foliant-help.iforiti.com/jp/template-editor/block-catalogue.md)をご覧ください。

## ブロックを選択して編集する

* ページ上のブロックをクリックすると選択されます。インスペクターに設定が開き、**コンテンツ**、**スタイル**、**表示条件**の 3 つのタブが表示されます。
* **テキスト**ブロック、**法定フッター**ブロック、または**ヘッダー**のタイトルをダブルクリックすると、ページ上で直接テキストを編集できます（選択して Enter キーを押しても編集できます）。外側をクリックすると保存され、Esc キーを押すとキャンセルされます。
* ページの空いている部分をクリックするか、Esc キーを押すか、インスペクター上部の**ドキュメント**をクリックすると、選択が解除されます。インスペクターにはドキュメント全体の**書類のスタイル**と**ブロック**のアウトラインが表示されます。

## ブロックを移動する

ブロックはいくつかの方法で移動できます。

* ページ上のハンドル、または**ブロック**のアウトラインのハンドルを使って**ドラッグ**します。
* 選択中のブロックのハンドルの下にある小さなボタンを使います。**上へ移動**、**下へ移動**、**複製**、\*\*非表示（印刷しない）\*\*があります。
* ハンドルのメニューを開くと、さらに移動の操作ができます。**上へ移動**、**下へ移動**、**先頭に移動**、**末尾に移動**、列への出し入れや列間の移動、**ページヘッダーに移動**、**本文に移動**、**ページフッターに移動**があります。
* インスペクターのブロック名の横にある矢印ボタンを使います。

## ブロックを複製・非表示・削除する

| 操作 | 場所 |
| - | - |
| **複製** | ブロックのハンドルの下、ブロックのメニュー、またはインスペクターにあります。 |
| **非表示（印刷しない）** | ブロックのハンドルの下にあります。ブロックはテンプレートに残りますが、印刷されません。元に戻すには**再表示**を選択します。ほかの条件が設定されていないブロックで利用できます。 |
| **削除** | ブロックのメニュー、またはインスペクターにあります。**元に戻す**で復元できます。 |
| **スタイルをコピー** / **スタイルを貼り付け** | ブロックのメニューにあります。配置、余白、背景、枠線、幅、間隔を別のブロックにコピーします。 |
| **ブロックとして保存…** | ブロックのメニュー、またはインスペクターにあります。コピーを保存して、ほかのテンプレートで再利用できます。[保存済みブロックと共有セクション](https://foliant-help.iforiti.com/jp/template-editor/saved-blocks-and-shared-sections.md)をご覧ください。 |

## ブロックを横に並べる

**列**ブロックを追加し、**レイアウト**（**均等**、**左広め**、**右広め**、**3等分**、**4 等分**）を選びます。次に、ページ上またはアウトラインでブロックを各列にドラッグするか、**コンテンツ**タブで列ごとに**ブロックを追加**を使います。ページ上で列の間の線をドラッグすると、列の幅を変更できます。列の中には、ほかの列、改ページ、共有セクションは入れられません。

## ブロックのアウトライン

何も選択していない状態で、インスペクターの**ブロック**を開きます（ツールバーのブロック数をクリックしても開けます）。アウトラインには、すべてのブロックが順番に表示されます。ページヘッダー、本文、ページフッターに分かれ、列とその中のブロックも表示されます。ブロックをクリックすると選択でき、ハンドルをドラッグすると並べ替えられます。条件が設定されたブロックには**条件**のバッジが表示されます。

## 元に戻す操作とキーボードショートカット

ツールバーの**元に戻す**と**やり直す**は、ブロック、その設定、書類のスタイルに対して、最大 100 ステップまで使えます。1 つのフィールドへの入力は 1 ステップとして扱われます。

| キー | 操作 |
| - | - |
| ⌘Z / Ctrl+Z | 元に戻す |
| ⇧⌘Z / Ctrl+Shift+Z | やり直す |
| Alt+↑ / Alt+↓ | 選択中のブロックを上または下へ移動 |
| ⌘D / Ctrl+D | 選択中のブロックを複製 |
| Delete または Backspace | 選択中のブロックを削除 |
| Enter | 選択中のブロックのテキストをページ上で編集 |
| Esc | ブロックの選択を解除 |

フィールドに入力している間は、ショートカットは使えません。

## 補足

* 1 つのテンプレートには最大 200 個のブロックを配置できます。上限に達した場合は、ブロックを削除してから追加してください。
* 1 件の注文でのみ意味を持つブロック（ヘッダー、住所、商品の表など）は、選択したすべての注文を対象とするテンプレートでは表示されません。その逆も同様です。
* 変更は保存するまで反映されません。[変更を保存して公開する](https://foliant-help.iforiti.com/jp/template-editor/save-and-publish.md)をご覧ください。

## 関連記事

* [ブロックリファレンス](https://foliant-help.iforiti.com/jp/template-editor/block-catalogue.md)
* [ブロックのスタイルと配置](https://foliant-help.iforiti.com/jp/template-editor/block-style-and-layout.md)
* [ページヘッダーとフッター](https://foliant-help.iforiti.com/jp/template-editor/page-header-and-footer.md)
* [保存済みブロックと共有セクション](https://foliant-help.iforiti.com/jp/template-editor/saved-blocks-and-shared-sections.md)
* [AI で変更内容を指示する](https://foliant-help.iforiti.com/jp/template-editor/describe-a-change.md)


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.