WordPressでGutenbergブロックをエクスポートおよびインポートする方法

最初は、WordPressユーザーはWordPressブロックベースのビルダーとほろ苦い関係にありました。次に、グーテンベルクへのガイドで発見したように、新しいエディターには、美しいコンテンツを簡単かつ楽しく作成できる素晴らしい機能が搭載されています。現在、一部のユーザーはエディターを十分に利用できません.


Gutenbergは、コードを記述せずに驚くべきページや投稿を作成するのに十分な機能を提供します。追加したいコンテンツに関係なく、グーテンベルクはブロックだけを持っています.

各コンテンツブロックを大幅に変更してスタイル設定したいですか?カスタマイズオプションのバッテリーのおかげで、グーテンベルクはあなたの背中を持っています。デフォルトのエディターで利用可能なブロックよりもさらに多くのブロックが必要ですか?たくさんのGutenbergアドオンプラグインがあります.

それが多くのユーザーが知らないのは悲しい理由です 再利用可能なブロック, グーテンベルクの素晴らしい機能の1つです。何を話しているのかわからない場合は、再利用可能なブロックは単に コンテンツ 自由に作成、保存、再利用できるブロック.

行動を促すフレーズ、お礼状、署名、フォームなどを各投稿またはページの最後に追加したいとします.

以前は、機能をコンピューターのテキストファイルに保存する必要がありました。必要に応じて、投稿またはページにコピーして貼り付けます。グーテンベルクはこの問題を緩和しました。これで、毎回テキストファイルを使用したり、最初から同じブロックを作成したりする必要がなくなりました.

単一の再利用可能なブロックを作成して、投稿やページだけでなく、他のWordPress Webサイトでも使用できます.

多くのWebサイトを作成する場合でも、各投稿/ページに特別なコンテンツを追加する必要がある場合でも、Gutenbergの再利用可能なブロックは、多くの時間を節約するのに役立ちます.

そして今日の投稿では、WordPressで再利用可能なGutenbergブロックを作成およびエクスポートする方法を正確に示します。私たちの目的は、複数の投稿/ページ/ WordPress Webサイトでカスタムコンテンツブロックを簡単に移動して再利用できるようにすることです.

余談: たとえば、Getwidなどのプラグインを使用してブロックを作成する場合、そのブロックを再利用する他のWordPressサイトにプラグインをインストールする必要があります。また、ブロックはテーマごとに少し異なる場合がありますが、Gutenbergは多くのカスタマイズ機能を提供しているため、すべて良好です.

邪魔にならないように、マグカップを手に取り、読書を楽しみましょう.

まず、再利用可能なブロックが必要です

残念ながら、エクスポートまたはインポートすることはできません 定期的 ブロック。 Gutenbergブロックをエクスポートおよびインポートするには、最初に作成する必要があります 再利用可能 ブロック.

説明のために、 ありがとうございます 公開するすべての投稿の最後に追加したいと思います。投稿に追加する必要があるたびにメモを書き直すことなく、

俺の ありがとうございます 何も複雑ではありません。 TwitterとFacebookへのリンクを含む単純な段落ブロック。ブロックは、バナー広告、イメージスライダー、引用、リスト、最新の投稿、MailChimpフォームなど、何でもかまいません。.

後で、ノートを2番目のWordPress Webサイトにエクスポート(読み取り、ブロック)する方法を示します。いいですね?それでは始めましょう.

再利用可能なブロックを作成する方法

再利用可能なブロックの作成は非常に簡単です。案内する 投稿>新規追加 Gutenbergエディターを起動するには:

新しいワードプレスの投稿を追加する

次に、 ブロックを追加 (+) アイコンをクリックし、コンテンツブロックを選択します。私たちの場合、次の画像に示すように、段落ブロックを追加しました.

ワードプレスにグーテンベルクブロックを追加する

その後、必要に応じてブロックをカスタマイズしてスタイルを設定します。テキスト、ソーシャルメディアリンク、背景色を追加しました。これが新しいブロックの方法です ありがとうございます 私のグーテンベルクエディターで見て:

とても素敵なジョンドゥ。非常に素晴らしい。ソーシャルメディアでブログをフォローする予定です。.

現時点では、上記のメモは 定期的 ブロック。に変換する必要があります 再利用可能 エクスポートおよびインポートできるブロック。これを行うには、 より多くのオプション アイコン、次に 再利用可能なブロックに追加, 以下に示すように.

次に、再利用可能なブロックに名前を付けて、 セーブ 下に示すように、ボタン.

再利用可能なgutenbergブロックの命名

これで、最初の再利用可能なブロックが作成されました。アミーゴへの道.

再利用可能なブロックの使用方法

先ほど作成した再利用可能なブロックを投稿やページに追加するのは非常に簡単です。必要なコンテンツを投稿またはページに追加したら、 ブロックを追加(+) アイコン、スクロールして 再利用可能なブロック タブをクリックし、以下に示すように、ブロック(この場合は、Thank You Note)を選択します。.

グーテンベルク再利用可能ブロック

再利用可能なブロックを投稿またはページに追加した後、 プレビュー/公開する ボタンをクリックして、フロントエンドで結果を表示します。ここに私が得たものがあります:

テストサイトでTwenty Twentyテーマを実行しています.

最高の部分は、私が自分を再利用できることです ありがとうございます ゼロから作成しなくても、いつでもブロックできます。グーテンベルクブロックをサポートするすべての投稿タイプに追加できます.

再利用可能なブロックを作成して使用する方法を理解したところで、これらのブロックを別のWordPress Webサイトにエクスポートする方法について詳しく説明します。混乱を避けるため、作成したばかりの同じブロックを使用します.

WordPressでGutenbergブロックをエクスポートする方法

再利用可能なグーテンベルクブロックのエクスポートは、4年生の作業ですぐに完了します.

何をすべきか?

Gutenbergエディター内で、 その他のツールとオプション アイコン、次に すべての再利用可能なブロックを管理, 以下でハイライトします:

すべての再利用可能なブロックを管理する

そうすることで、 ブロック 再利用可能なすべてのブロックを表示および管理できる画面:

私たちは お礼状 ブロックしますが、さらに作成すると上の画面が表示されます。エクスポートするには、タイトルの上にマウスを置き、 JSONとしてエクスポート 表示されるリンク。下の画像をご覧ください.

次に、JSONファイルをコンピューターに保存します。

これでコンピューターにJSONファイルが作成されたので、ブロックを2番目のテストサイトにインポートします。.

WordPressでGutenbergブロックをインポートする方法

再利用可能なブロックのインポートは、A、B、Cと同じくらい簡単です。まず、Gutenbergエディターを開きます。次に、 その他のツールとオプション アイコン、次に すべての再利用可能なブロックを管理, 以下に示すように.

で ブロック 次の画面でクリック JSONからインポート, 以前にダウンロードしたファイルを選択してから、 インポート その順序でボタン:

以上です!これで、再利用可能なGutenbergブロックが2番目のWordPressサイトに正常にインポートされました。

簡単ではなかったですか?その後、Gutenbergブロックを2番目のWebサイトで何度でも使用および再利用できます.

Gutenbergブロックをエクスポートするプラグインはありますか?

そうそう、WordPressの評判の良い開発者であるThemeIsleで見つけました。それはとして知られている無料のプラグインです ブロックエクスポートインポート. 基本的に、プラグインを使用すると、このチュートリアル全体をスキップできます。はい、そのとおり;再利用可能なブロックを作成する必要さえありません.

プラグインをインストールしてアクティブ化し、Gutenbergエディターを開きます。必要に応じてブロックを設計してから、 より多くのオプション アイコン。次に、 JSONをエクスポート, 以下に示すように。これがスクリーンショットです。

これにより、JSONファイルがコンピューターにダウンロードされます。プラグインを使用してJSONファイルをインポートするには、Gutenbergエディターを開きます。次に、 ブロックを追加 アイコン、次に JSONからのブロックのインポート 下 ウィジェット タブ:

その後、クリックします ファイルを選ぶ コンピュータからファイルを選択し、 アップロードする ボタン:

プラグインメソッドの唯一の問題は、ブロックがWordPressサイトに保存されないことです。 WordPressデータベースにブロックを保存するには、手動の方法を使用する必要があります。多分それは将来変わるでしょう.

残念ながら、別のプラグインが見つかりませんでした。それでも、プラグインを使用すると、Webサイトで再利用可能なブロックを保存する必要がない場合、時間を大幅に節約できます。あなたのコンピュータ上にJSONファイルとしてブロックがあります.


再利用可能なグーテンベルクブロックは命の恩人です。ゼロから始める必要がないため、テンプレートや機能をすばやく複製できます。多数の投稿/ページおよび/またはウェブサイトを作成する場合、Gutenbergブロックをエクスポートする方法を学習すると便利です.

グーテンベルクブロックについて質問や提案がありますか?以下のコメントでお知らせください.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me