機能の1つ「ブロックテンプレート」機能について解説します。ブロックエディターをもっとパワフルにするプラグインです。様々なブロックと、いくつかの書式フォーマット、ボタン一つで複数のブロックで作られているテンプレートを挿入する「ブロックテンプレート」機能があります。ブロックエディターをもっとパワフルに。テーマと同じように、独自のフックが用意されています。用意されている独自のフックに処理を追加することで、ブロックテンプレートを簡単に追加が可能になっています。ブロックテンプレートのカテゴリーを追加してみようテネーブルブロックテンプレートのカテゴリーには、標準で「Headings」「Features」「Pricing」「FAQ」の4つがあります。templates」と言うカテゴリーを追加してみましょう。言うフィルターフックが用意されています。プラグインなどで次のようにコードを記述してみましょう。フックでは、引数と返却値にカテゴリーの配列をやり取りします。ブロックテンプレートのカテゴリーの設定は、その配列の値を設定するだけでできます。3つの要素となり、必ず記述しなければなりません。ブロックテンプレートのカテゴリーは、正しく設定しなければ表示されません。templates」ってカテゴリーが追加されていますね!ブロックテンプレートを追加してみようテネーブル追加したカテゴリーにブロックテンプレートが無ければ、そのカテゴリーは何の意味も持たないままです。次にブロックテンプレートを追加していきましょう。言うフィルターフックが用意されています。--><p>ブロックテンプレートのテストです。Sample」と書かれたブロックテンプレートが表示されていますね。ブロックテンプレートを挿入してみると「ブロックテンプレートのテストです。」って段落ブロックが挿入されます。テネーブルそうですね。それではテンプレートのスクリーンショットを設定してみましょうか。ピクセルの大きさで用意しましょう。部分に変更を加えます。代わりにスクリーンショット画像の画像のフルパスを文字列で設定します。画像パスなので注意してね!ブロックテンプレートのコンテンツを設定しようブリエブロックテンプレートが挿入した時の内容(テンプレートコンテンツ)が「ブロックテンプレートのテストです。」って段落ブロックと言うのも残念です。ルミェール次に、ブロックテンプレートのコンテンツの作り方を解説するよ!テネーブルまず、ブロックテンプレートにする為にブロックエディターで、複数のブロックでテンプレートとなるブロックを組んでいきましょう。編集しているブロックのコードが表示されます。要素の値に文字列で記述します。関数を使用して表示させるのも1つの方法です。関数を使用した処理で記述することができます。注意としてテネーブルブロックコンテンツは、正しく記述しなければ挿入されない、または動作しないなどの問題があります。いった不具合が出る場合は、記述を見直してみてください。ルミェール以前使えたけど使えなくなったと言う場合は、ブロックテンプレートのコンテンツの内容と現在のブロックの記述が変更されて一致しなくなった可能性もあるよ。いつの間にか動作しなくなっている場合は、組まれているブロックの記述が変更されていないかも確認してみてね!最後にブロックテンプレートは、再利用ブロックと似ていますが、上手く使用する事で再利用ブロック以上に解りやすく組み合わせたブロックを一度に挿入できる機能です。ウェブサイト制作担当者がブロックテンプレートとして用意することで、コンテンツ制作をされる担当者がブロックテンプレート機能を使うことで表現豊かなブロックの組み合わせ表現を簡単に実現できると思っています。ブロックテンプレート機能は、私がコントリビュータとして開発している部分もあります。ウェブサイト制作企業とコンテンツ制作担当者・クライアントのお互いの敷居を下げたい思いも込めて作りました。ブロックテンプレート機能が、ブロックエディター環境を使いやすくするプラス要素の1つになれば幸いです。カスタマイズこの記事の筆者Kmix39(ケミ)電子の妖精。ウェブアプリケーションを日々勉強中。プラグインで簡単にパンくずをカスタマイズできるようになっている為、自由にパンくずの構造を書き換える事が可能になっています。本記事は、パンくずの操作について解説します。カスタマイズ本記事は、カスタム投稿タイプのページテンプレートについて解説をします。Wiz.当サイトでは利便性向上や閲覧の追跡のためにCookieが使用されています。サイトの閲覧を続けた場合Cookieの使用に同意したことになります。