WordPressブロックエディタ（Gutenburgとも呼ばれます）の最も便利な（そして十分に活用されていない）機能のXNUMXつは、再利用可能なブロックです。 あなたが知っていれば Divi または他のページビルダーでは、再利用可能なブロックはグローバルモジュールと同じ機能を果たします。 これらは、一度構成したブロック（またはブロックのグループ）ですが、その後再利用できます。
再度編集しなくても、複数のページや投稿に挿入できます。 また、それらを再度変更したい場合は、変更をサイト全体に適用できるため、サイトの存続期間全体で時間を節約できます。 それでは、WordPressの再利用可能なブロックを管理するためのすべての方法を見ていきましょう。
WordPressで再利用可能なブロックを作成する方法
WordPressで再利用可能なブロックを作成するのは比較的簡単です。 ブロックエディタ（プラグインを使用していない限り、WP 5.xのデフォルト）で編集する投稿 クラシックエディタ ）、再利用可能なブロックを作成できます。 クリックしてください コンボ à 三点 ブロックのホバー設定で、 再利用可能なブロックに追加 .
エディターは、後で取得できるように新しいブロックに名前を付けるように求めます。 それがあなたのサイトで提供する機能のためにそれを記憶に残る何かに名前を付けることを忘れないでください。 といった 関連記事 または ブログ投稿のカバー画像 または同じように説明的な何か。
再利用可能なブロックの作成時に間違えた場合（または作成中に間違えた場合）、ドロップダウンリストの設定をもう一度クリックして、 再利用可能なブロックを削除する . このオプションは、データベースからブロック全体を消去します。 données 必要に応じて、上記のプロセスを繰り返してコレクションに戻すことができます。
さらに、ブロックが保存されたら、ブロック自体をクリックするだけでボタンを見つけることができます。 変更 .
この例のParagraphブロックでは、名前を変更するオプションがあります。 ただし、各ブロックの調整は異なります。 ピクチャーボックスの場合、メディアライブラリから別のファイルを挿入したり、新しいファイルをアップロードしたりするなどの追加オプションと、配置またはリンクされたURLを取得できます。
このプロセスは、作成した再利用可能なブロックで機能します。 ただし、次の点に注意してください。 この方法で再利用可能なブロックに加えた変更は、サイト上のそのブロックの他のすべてのインスタンスに適用されます 。 したがって、XNUMXつのブロックで画像を変更すると、新しい画像がどこにでも表示されます。
再利用可能なブロックを挿入する方法
WordPressで再利用可能なブロックを使用することは、実際には非常に簡単で簡単です。 ブロックエディタ内で、円内の+の任意のオカレンスをクリックして、タブを見つけることができます 再利用可能 。 +ボタンは、任意のブロックの右側、任意のブロックの下、および画面の左上に表示されます。
作成した再利用可能なブロックを別の投稿やページに挿入すると、タブにも表示される場合があります 最も使用された 、+ボタンを押すたびにリストの上部に表示されます。
これらは、異なるブロックを使用すると変化しますが、たとえば各ブログ投稿のフッターとして同じ再利用可能なブロックを使用すると、かなり頻繁にここに表示されます。
WordPressのすべての再利用可能なブロックを管理する方法
タブの下部に 再利用可能 あなたはリンクを見つけるでしょう 再利用可能なすべてのブロックを管理する 。 このリンクをクリックすると、作成したすべての再利用可能なブロックが一覧表示された見慣れたページに移動します。 このリストは、デフォルトのWordPressの投稿とページのリストとほとんど同じように見えます。
リストを表示すると、いくつかの重要なオプションが表示されます。 JSONからインポート , JSON形式でエクスポート et 修正 .
使用 編集 ブロックを編集する場合の上記とまったく同じです。 特定の記事内にある代わりに、ブロックは独自の記事タイプのエディターに表示され、そこで更新することができます。 この場合も、このブロックに加えられた変更は、サイト全体で各インスタンスに適用されます。
以下のために JSON形式でエクスポート 、ボタンをクリック (3) (ブラウザの設定に応じて) 生成された JSON ファイルをダウンロードする場所を選択するダイアログが表示されます。 ファイル自体は単純な JSON です。 ファイルタイプ (ブロック)、編集または作成時に付けたタイトル、そしてブロックとそのブロックをレンダリングするために WordPress によって挿入される実際の HTML コードが表示されます。 コンテンツ サイトのフロントエンドにあります。
JSONからインポート 簡単です。コンピュータでJSONファイルを見つけ、他の添付ファイルやファイルと同じようにダウンロードします。
押すと 輸入業者 、再利用可能なブロックのリストに表示されます。 ただし、同じ名前のブロックがすでにある場合は注意してください（この場合は 再利用可能なブロック1 ）、新しい 圏 インポートされた名前は変更されません。 それらを区別するために手動で行う必要があります。
再利用可能なブロックをインポートおよびエクスポートする理由
これらをインポートおよびエクスポートする理由は数多くありますが、主な理由はバックアップと移植性です。 おそらく、すべてのブロックと コンテンツ サイトに公開すると便利だと思われる情報。 携帯性、共有、販売も重要です。
別のサイトでブロックを使用する必要がある場合。 チームメイトと共有する。 または、顧客の再利用可能なブロックとして単独で販売することもできます。 私たちのように レイアウトパック ウィークリー ディビ用 、ブロックのインポートとエクスポートにより、いくつかの方法でジェネレーターを拡張することができます。 さらに、オプションを使用する場合 グループブロック （以下を参照）、モデル全体とレイアウト全体を再利用可能なブロックとしてJSON形式でインポートおよびエクスポートできます。
WordPressで再利用可能なブロックグループを作成する方法
再利用可能なブロックのグループを作成すると、再利用可能なブロックの機能がすべて発揮されます。 グローバルに挿入できる単一の画像、段落、またはヘッダーを使用する代わりに、グーテンベルク ブロックをグループ化し、それらを単一の再利用可能なブロックとして保存することもできます。 つまり、たとえば、タイトル ブロック、段落ブロック、画像ブロック、およびカスタム HTML ブロックをグループ化して、 フォーム すべてのブロック エディター投稿のグローバル メール メンバーシップ。
再利用可能なWordPressブロックのグループを作成するには、ブロックのShiftキーを押しながらクリックするだけで、ブロックをグループに追加できます。 選択したすべてのブロックが青い境界線で強調表示されます。
次に、ボタンを押します トランスフォーマー (2) 選択 グループ ドロップダウンリスト (3) 。 この時点で、ブロックがXNUMXつのブロックにマージされているのがわかります。 次に、他の単一ブロックで上で行ったのと同じ方法で、グループブロックを再利用可能なブロックに変えます。
この新しいグループは、すべての再利用可能なブロックのリストとタブの下に表示されます。 再利用可能 パブリケーションまたはページに新しいブロックを追加したとき。
再利用可能なテンプレートを作成する方法
WordPressの再利用可能なブロックはグローバル要素であることは前に説明しました。 これは、ブロックのXNUMXつのインスタンスに加えられた変更は、他のすべてのインスタンスに影響を与えることを意味します。 再利用可能なブロックのテキストまたは画像を変更すると、その変更はサイト全体に適用されます。 しかし、あなたは pouvez 再利用可能なブロックを個別に編集できるテンプレートとして使用します。 繰り返しますが、Divi レイアウトと同じように、ブロック エディターを使用すると、ライブラリから一般的なブロック (またはブロックのグループ) を挿入して、 コンテンツ 個々の投稿またはページ (またはブロックごと) 単位で。
これを行うには、上記のように、エディターに再利用可能なブロックを挿入します。 を押します +サークル内 、に行く 再利用可能 、次に挿入するブロックを選択します。
ブロックが現れると、 XNUMXつの点をクリックして、ドロップダウンメニューを開きます。 。 選択する 通常のブロックに変換 。 注意： 選択しないでください 再利用可能なブロックを削除する .
通常のブロックに変換 にのみ適用されます このユニークなブロック 。 使用する場合 標準ブロックに変換 、この単一のブロック（およびこのブロックのみ）をサイト全体の変更から独立させたいことをWordPressに伝えます。 他の再利用可能なブロックに加えた変更は、変換されたブロックには適用されず、それらの変更はグローバルに適用されません。
の選択 再利用可能なブロックを削除する グローバルディレクトリからすべてを削除します。 すでに挿入したブロックはそのまま残りますが、グローバルな特性を共有しなくなります。 また、タブからそれらを再挿入することはできません 再利用可能 （これは明らかかもしれません）。 これは、再利用可能なブロックをテンプレートとして使用するという目的に反するため、これを行うことはお勧めしません。
ただし、 通常のブロックに変換 、ブロック（またはブロックのグループ）の基本テンプレートを挿入し、その特定のインスタンスのみをグローバル標準から削除して、元のブロック関数を他の出版物のテンプレートとして再利用できるようにすることができます。ページ。 この機能の有効性は、次のチュートリアルで確認できます。再利用可能なDiviレイアウトブロックをブログ投稿に追加する .
まとめ
再利用可能なブロックは、Gutenberg BlockEditorの主な機能のXNUMXつです。 サイトと友達の間でブロックとコンテンツを共有し、それらをサイトの共通要素のテンプレートとして使用する機能から、再利用可能なブロック機能を利用すると、投稿の作成とデザインを次のレベルに引き上げることができます。新しいレベルのユーティリティ、創造性、ユーザーエクスペリエンスへのページの統合。
