WordPressのGutenbergブロックをインポート／エクスポートする方法（2ステップ）

Gutenbergブロックのインポートやエクスポートの方法を知りたいですか？

WordPressエディターでは、コンテンツをカスタムブロックとして保存し、別のWordPressサイトにエクスポートすることができます。複数のサイトを所有している場合や、クライアントのサイトを作成している場合は、時間を大幅に節約できます。

この投稿では、WordPress Gutenbergブロックを簡単にエクスポートし、他のサイトで使用するためにインポートする方法を紹介します。

WordPressのブロックエディターでは、コンテンツをブロックとして追加し、そのブロックをカスタマイズすることができます。例えば、Buttonsブロックを使ってコールトゥアクションを作成することができます。

そして、背景色を変えたり、文字を大きくしたりすることで、そのボタンを目立たせることができる。このコンテンツを再度使用する予定がある場合は、WordPressで再利用ブロックとして保存することができます。

しかし、これらの再利用ブロックをエクスポートして、他のサイトで使用することもできます。複数のサイトを所有している場合や、クライアントのサイトを制作するWordPress開発者の場合は、時間と労力を大幅に節約できます。

それでは、Gutenberg WordPressブロックをインポート／エクスポートする方法を見ていきましょう。

まだであれば、エクスポートしたいコンテンツを再利用ブロックとして保存する必要があります。保存が完了したら、WordPressのコンテンツエディターで「+」ボタンをクリックします。

表示されたパネルで、「再利用可能」アイコンを選択する。

次に「再利用ブロックの管理」をクリックします。

再利用ブロックがすべて表示される画面になります。

エクスポートしたいブロックにマウスオーバーし、「JSONとしてエクスポート」リンクが表示されたらクリックするだけです。

WordPressはブロックをJSONファイルとしてコンピューターにダウンロードします。

ブロックを別のWordPressブログやウェブサイトにインポートするには、そのサイトにログインし、コンテンツエディターを開きます。その後、上記と同じ手順でブロック管理画面を開きます。

今回は、代わりに「Import from JSON button」をクリックする。表示されるポップアップで、’Choose file’を選択する。

先ほどダウンロードしたJSONファイルを選択することができます。

その後、『インポート』をクリックする。

WordPressは再利用ブロックをインポートします。

これで、インポートしたブロックをWordPressサイトで、他の再利用ブロックとまったく同じように使うことができます。

WordPressブロックの使用と管理に関する便利なガイドをいくつかご紹介します：

この投稿が、WordPress Gutenbergブロックを他のサイトで使用するためにインポート/エクスポートする方法を学ぶのにお役に立てば幸いです。ドラッグ＆ドロップで使えるWordPressページビルダーや、WordPressサイトのGoogle アナリティクス目標の設定方法についてもご紹介しています。

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.