このチュートリアルを読んでいるのであれば、おそらく既にWordPress用の新しいGutenbergエディターを試したことがあるでしょう。

まだ行っていない場合は、試してみることをお勧めします。 現在プラグインとして利用可能ですが、将来的にはWordPressと統合されるため、いつかそれを知る必要があります。

try gutenberg.png

すべての新しいUIと同様に、ファンと批判者がいます。 新しいインターフェースに慣れるには常に時間がかかり、新しいバージョンを却下したくなります。

多くの人と同じように、私は最初はグーテンベルクに懐疑的でした。 私は数年前から古いインターフェースを使用していて、それに精通しています。

しかし、グーテンベルクはたくさんの最適化をもたらします。 そして、彼には私に二度考えさせられた一つの特徴があります。 この機能は何ですか? これらは重複ブロックと共有ブロックです。

これは大したことではないように聞こえるかもしれませんが、私が作成した方法を実現する可能性があります。 コンテンツ より効率的に、そしてこれを実現するために コンテンツ より効果的にもたらす 訪問者 読んだら行動する。

このチュートリアルでは、Gutenbergで重複ブロックと共有ブロックを作成し、それらが開く可能性のいくつかを共有する方法を示します。

しかし、最初に、ブロックの簡単な入門書。

ブロックは何ですか?

ブロックはオンになるものです グーテンベルク。 あなたのすべて コンテンツ ブロック経由で追加されます。 以下のスクリーンショットでは、エディターに多数のブロックを含む記事が表示されます。

Gutenberg.pngについての記事を書く

さまざまなブロックが利用可能であり、投稿に追加するのに慣れているコンテンツの種類を反映しますが、それを行うための別の方法を提供します。 ブロックは次のとおりです。

  • テキストブロック-段落、リスト、見出し、コード、引用符、表
  • メディアブロック-画像、ギャラリー、オーディオ、ビデオ
  • レイアウト要素-ボタン、スペーサー、仕切り、ページ区切り
  • ウィジェットブロック-カテゴリ、最新の投稿、ショートコード
  • ブロックを統合 – YouTube、Soundcloud、Spotify、 Twitter もっと

ブロックの範囲は膨大であり、GutenbergAPIを使用してブロックを追加するサードパーティのプラグインが多数リリースされています。

投稿やページにコンテンツを追加する必要があるときはいつでも、ブロックを追加します。 また、コンテンツの各部分は、個々の段落であっても、独自のブロックに保存されます。

これは、ブロックを移動してコンテンツを編集および再配置できることを意味します。 また、複製または共有ブロックを作成することで、コンテンツブロックを再利用できることも意味します。

重複ブロック

重複ブロックは非常に簡単です。 作成した既存のブロックを取得して、そのコピーを作成します。

これを行うには、ブロックの右側にある楕円(XNUMX点が垂直に並んでいる)の上にマウスを置き、オプションをクリックします。 複写 .

ブロックを複製する.png

このブロックの複製は、同じ記事の元のブロックの直後に作成されます。

コンテンツ(見積もり、削除、アクションの呼び出し、画像など)を複製し、記事の別の場所に別のコピーを追加する場合に使用できます。 新しいブロックを目的の場所にドラッグするだけです。 重複ブロックを互いに近づけすぎたり、誤って重複を作成しすぎたりしないように注意してください。

もうXNUMXつの用途は、最初のブロックと似ているが同じではないXNUMX番目のブロックを作成する場合です。 この場合、重複ブロックを作成してから変更する必要があります。 これは、最初のブロックのフォーマット(画像のサイズ変更など)に時間を費やし、フォーマットを複製したいがコンテンツを変更したい場合、またはその逆の場合に便利です。

重複するブロックを編集する場合、行った変更は元のブロックに影響を与えません。これらはXNUMXつの接続されていないブロックです。

したがって、複製ブロックは、パブリケーション内の他のコンテンツと同じまたはわずかに異なるコンテンツを作成する場合に時間を節約するのに最適です。

ただし、欠点がXNUMXつあります。つまり、個々の記事でのみ機能します。 記事間でコンテンツを複製したい場合、何を使用しますか? ここで、共有ブロックが役立ちます。

共有ブロック

共有ブロックは、複製ブロックとは動作が異なります。 共有ブロックを作成すると、それから作成する他のすべてのブロックのテンプレートのようになります。 そして、これらのブロックのいずれかを変更すると、その変更はすべての共有ブロックに反映されます。 後で説明しますので、オーバーライドできます。

共有ブロックを作成する

共有ブロックを作成するには、通常の方法で通常のブロックタイプを作成することから始めます。 それが終わったら、もう一度楕円にカーソルを合わせて、今度はオプションを選択します 共有ブロックに変換 .

ブロックの下にテキストフィールドが表示され、ブロックに名前を付ける必要があります。

再利用可能なblock.pngを作成する

ブロックに、このブロック以外の投稿に追加するときに意味のある一意の名前を付けます。 記憶に残るはずなので、数週間または数か月後に再び使用するようになったときに、ブロックが何であるかを正確に知ることができます。 タイトルの後に括弧内にブロックタイプを追加すると便利だと思います。 ブロック名を入力したら、ボタンを押します Enregistrer .

ブロックgutenberg.png

ブロックに付けたタイトルは、使用するたびにエディターのブロックの下に表示されますが、サイトのフロントエンドには表示されません。

共有ブロックを再利用する

共有ブロックの利点は、一度作成すると、サイトのどこにいても何度でも再利用できることです。

通常のテキストブロックを作成する代わりに、記事に共有ブロックを追加する場合は、ボタンをクリックします + 編集画面の左上にあります。 コンテキストメニューが表示され、さまざまなブロックタイプから選択できます。 オプションが表示されるまで下にスクロールします シェアード それをクリックしてください。

これで、サイトで作成したすべての共有ブロックが表示されます。 私は少し厄介に見えます-私はこのローカルサイトで共有ブロックを試しましたが、それらに最適な名前を​​付けませんでした。

reutilisable blocks.pngを使用する

使用したい共有ブロックをクリックすると、記事に追加されます。

共有ブロックの編集

共有ブロックの編集には、覚えておくべきいくつかの複雑さがあります。 XNUMXつ目は、投稿に追加した共有ブロックを編集すると、そのブロックを追加した各投稿でその内容も変更されるということです。

ブロックを変更するには、ボタンをクリックします 変更 そのタイトルを考慮に入れて。 その後、ブロックのコンテンツとタイトルを編集できます。 これらの変更は、ブロックのすべてのインスタンスで有効になります。

更新が必要なコンテンツがある場合は、サイトに変更を加えるのに最適な方法です。 たとえば、電話番号または電子メールアドレスを使用してアクションの呼び出しに共有ブロックを使用し、連絡先の詳細が変更された場合、ブロックを編集する必要があるのはXNUMX回だけです。

ただし、共有ブロックのインスタンスを編集し、そのコンテンツを記事内でわずかに異なるものにしたい場合は、これが問題になります。 これを行うには、通常のブロックに変換してから編集する必要があります。 ブロックの右側にある楕円にカーソルを合わせ、オプションをクリックします 再利用可能なブロックを削除する.

再利用可能なブロックを削除する.png

その後、サイト上の他の通常のブロックと同じように動作します。

既存のブロックと同様の別の共有ブロックを作成する場合(たとえば、投稿のコンテンツに基づいて使用するXNUMXつの異なるバージョンのアクション呼び出しテキストが必要な場合)、それを行うことができます。 次の手順を実行します:

  1. 上記の説明に従って、最初の共有ブロックを作成します。
  2. 共有ブロックを新しい記事に追加します
  3. それを通常のブロックに変換して修正します。
  4. 初めて行ったように、共有ブロックに変換します。
  5. 元の名前とは異なる名前を付けます。XNUMXつのブロックの違いを簡単に識別できる名前です。 それを保存。

これで、サイトのどこでも使用できる2つの共有ブロックができました。

共有ブロックの保存

サイトで使用する複数の共有ブロックを作成する場合、それらに簡単にアクセスして編集できる場所にある場合は、それぞれのコピーを保持することをお勧めします。

作成した各共有ブロックの一意のコピーを含む、公開しない記事を自分のサイトに作成しました。

この記事を使用して、すべての共有ブロックにアクセスできるだけでなく、必要に応じて、各ブロックの上にテキストを追加して、各ブロックが何であるか、およびブロックがどこに配置されるかについてのメモを提供することもできます。投稿の種類、投稿の場所などのサイト。 これは、私(またはサイトを編集している他の人)が共有ブロックを一貫して使用していることを確認するために使用できる便利なベンチマークとして機能します。 また、共有ブロックを編集する必要がある場合に、共有ブロックを見つけやすくなります。

ブロックの複製と共有により、コンテンツ管理がより効率的になります

このような重複コンテンツを重複ブロックまたは共有ブロックの形式で作成できると、サイトにコンテンツを追加するプロセスがより効率的になります。

私の意見では、最大のメリットは、アクションの呼び出しなど、サイトの複数の投稿に追加するコンテンツに共有ブロックを使用することから得られます。 これまで、これはプラグインを作成し、各投稿のアクションフックにコンテンツをフックすることで行ってきましたが、テーマのフックが適切な場所にある場合にのみ可能です。そして、あなたがコードに慣れているなら。 Gutenbergを使用すると、サイトで重複するコンテンツを簡単かつ迅速に作成、追加、および管理できます。

重複ブロックと共有ブロックの使用方法を教えてください!