> ## 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.

# ブロックをJSONとしてエクスポート・インポートする

> ビジュアルテンプレートのブロックとドキュメントスタイルをファイルにエクスポートし、別のテンプレートや別のストアにインポートします。

ビジュアルテンプレートのレイアウトは、ブロックとドキュメントスタイルというデータとして保存されています。このデータを `.json` ファイルにエクスポートし、別のテンプレートにインポートできます。インポート先は同じストアでも、Foliantを使用している別のストアでもかまいません。代理店や、複数のShopifyストアを運営している場合に便利です。

## 始める前に

エクスポートとインポートはビジュアルエディタの機能で、ビジュアルテンプレートでのみ使用できます。[ビジュアルエディタを利用できるプラン](https://foliant-help.iforiti.com/jp/template-editor/visual-editor-plans.md)をご覧ください。

## テンプレートのブロックをエクスポートする

1. エディタでビジュアルテンプレートを開きます。
2. 上部のバーで **ブロックをJSONで表示** をクリックします。**エディタの状態 (JSON)** ビューに、ブロックとドキュメントスタイルがデータとして表示されます。
3. **エクスポート** をクリックします。

テンプレート名に基づいた、末尾が `.foliant.json` のファイルがブラウザでダウンロードされます（例: `packing-slip-eu.foliant.json`）。このファイルには、テンプレート名、ドキュメントの種類、ブロックとドキュメントスタイルが含まれます。

## テンプレートにブロックをインポートする

1. 変更するテンプレート（ビジュアルテンプレート）を開き、**ブロックをJSONで表示** をクリックします。
2. **インポート** をクリックします。
3. **テンプレートのエクスポート（.json）** ファイルを選択するか、**またはJSONを貼り付け** の下にファイルのテキストを貼り付けます。
4. **インポート** をクリックします。

インポートしたブロックとスタイルで、このテンプレートのブロックとドキュメントスタイルが置き換えられ、エディタはビジュアルビューに戻ります。保存するまでは何も保存されません。**元に戻す** で元の内容に戻せます。

インポートしたレイアウトで一から始める場合は、まず新しいテンプレートを作成し（[テンプレートを作成する](https://foliant-help.iforiti.com/jp/templates/create-a-template.md)を参照）、ビジュアルに変換してからインポートしてください。

## インポートに失敗した場合

| メッセージ | 意味 |
| - | - |
| **これはFoliantのテンプレートのエクスポートではありません。** | ファイルまたはテキストがFoliantのエクスポートではありません。 |
| **このエクスポートはここでは使用できません** | Foliantが保存時と同様にブロックを確認し、問題が見つかりました。問題はメッセージの下に表示されます。 |
| **ファイルが大きすぎるため、テンプレートのエクスポートではありません。** | ファイルが2 MBを超えています。 |

## 補足

* エクスポートに含まれるのはブロックとドキュメントスタイルのみです。テンプレートの設定（受信者、言語、用紙サイズ、透かし、配信）は含まれません。
* JSONビューを閉じるには **ビジュアルに戻る** をクリックします。
* JSONビューは読み取り専用です。テンプレートの変更はビジュアルエディタまたはコードエディタで行ってください。

## 関連記事

* [ビジュアルとコードを切り替える](https://foliant-help.iforiti.com/jp/template-editor/visual-and-code-modes.md)
* [保存済みブロックと共有セクション](https://foliant-help.iforiti.com/jp/template-editor/saved-blocks-and-shared-sections.md)
* [変更を保存して公開する](https://foliant-help.iforiti.com/jp/template-editor/save-and-publish.md)


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