19年06月更新こんにちはー、プライム・ストラテジーの森下です。Lab」というプラグインについて紹介したいと思います。カスタムブロックについてプラグインの説明の前に前提知識のカスタムブロックについて簡単に説明します。新エディターのGutenbergではブロックという新しい概念が導入され、見出し、文章、画像などの要素をレゴブロックの様に組み合わせて記事を作成します。カスタムブロックはその名の通りで独自に作成したブロックのことです。Labというプラグインは独自のブロックを管理画面に簡単に追加することができます。Fieldsをを使用して管理画面を拡張していましたが、今後カスタムブロックがそれらの代替機能として活躍していくのではないでしょうか。Fieldsと同じです。サンプルで1つブロックを作成してきます。New」をクリックしてブロックを追加します。次にブロック名とフィールドを追加していきます。Field」をクリックして具体的フィールドの値を入力していきます。1つ目のフィールドは上記の通りに埋めてください。Field」をクリックし、上記の画像の通りにもう2つフィールドを作成してください。上記のように必要なブロックフィールドを作成したら「公開」を押して作成したブロックを有効化します。これだけでは当然フロントに表示されるようになりません。上記の画像にも表示されている通り作成したブロック用にテンプレートを作成する必要があります。そのテンプレートファイルを参照してフロントに表示されるようになります。それでは早速作成していきます。/?></p></div>使用しているテーマ配下にblocksというディレクトリを作成し、その中にblock-product.phpというファイルを作成し、そのファイル内に上記のコードを記述してください。先ほどのブロック編集画面に戻ってみてください。すると先ほどのアラートは消えているので、きちんと先ほど作成したファイルが認識されていることが確認できます。「新規追加」から先ほど作成したブロックを追加しきちんと表示されているかを確認します。「ブロックを追加」をクリックし一般ブロックを覗くと「おすすめの商品」がちゃんと認識されてブロックとして保存されています。クリックし、詳細な情報を入力していきます。入力が完了するとプレビューをクリックして表示されているかを確認します。表示されていることが確認できます。保存されるテーブル最初はwp_postmetaに保存されていると思ったらwp_postsのpost_content内にシリアライズ化されて保存されていました。すごく意外だったため一応記述しておきました。Fieldsの方が使いやすいし便利だなと思いました。ブロック機能はGutenbergの醍醐味的要素なので自ずとカスタムブロックが主流になっていくんじゃないかなぁと思っています。一応公式サイト、ドキュメントのリンクを下記に貼っておきます。公式サイト:https://getblocklab.com/ドキュメント:https://github.com/getblocklab/block-lab/wiki/今回はいかがでしたでしょうか。今後新規サイト構築やサーバの引っ越しを考えられている方がいらっしゃいましたら、是非日本に大規模なデータセンターを構え、手厚いサービスをしてくれることで定評のある鈴与シンワートの「S-Port」クラウドを導入してみてください。併せてKUSANAGIというWordPressサイトをキャッシュ未使用でも高速化を可能とするサービスも是非使ってみてはいかがでしょうか。ご興味がある方は以下をご参照ください。大学では法学部に所属しており、大学3回生から英語に目覚めカナダに約8ヶ月間の留学を経験。将来海外で働きたいという夢から世界共通のWEBというものに着目し、現在プライム・ストラテジー株式会社にて日々精進しております。WordPressをはじめ、様々な技術について面白おかしく発信することでWEB業界に貢献したいと考えております。