2018/12/04Gutenbergでブロックカテゴリーを作成してブロックを管理する方法をまとめています。現在使用しているテーマの機能をGutenbergに対応させるためにブロックを作成しているのですが、レイアウト要素に臨時で突っ込んでいた結果、使い勝手が悪くなりました。テーマ専用のブロックをまとめたい場合に有効な方法です。まとめデフォルトのブロックカテゴリーGutenbergではデフォルトのブロックカテゴリーは普段表示されているものは全6種類あります。一般ブロックの段落ブロックの使用時にブロック欄にインライン要素のブロックが出現するので、全7種類あります。※見た感じデフォルトのブロックカテゴリーリスト最も使われているブロック一般ブロックインライン要素フォーマットレイアウト要素ウィジェット埋め込みブロックを作っていくと、デフォルトの機能とは別に自分で作ったブロックをまとめたくなりますよね。ブロックカテゴリーに入れすぎると使い勝手が悪くなるので、まとめることが出来るブロックカテゴリーを使用して、ブロックを管理します。テーマで使用するブロック専用のカテゴリーを作る方法ブロックカテゴリーを作成するためのblock_categoriesフィルターが用意されていたので、それを使います。categoriesにソースが掲載されています。Gutenbergのブロックをプラグインで作成した場合、プラグイン直下のphpファイルに記載しておけば良いでしょう。‘jin-blocks’,と、ブロックを作成した時のカテゴリー指定を連動させる必要があります。‘jin-blocks’,の指定を共通にさせる必要があります。'吹き出しを作ります。Dashiconsに掲載されているアイコンを使用すれば簡単です。画像右にある【dashicons-admin-comments】から接頭辞を抜いて【admin-comments】を指定すればOKです。まとめGutenbergのhandbookもまだまだ情報が足りてない状態で、Gutenbergのソースを見たり、既に公開されているGutenberg関連のプラグインのソースを眺めて試行錯誤しながらブロックを作っています。jQueryに慣れていた私は初Reactなので、記述方法が???となる場合があるので、そろそろオライリーの本を買って基本を勉強しないと、本体ソースの読解が厳しい状態です。『...2位見て試してわかる機械学習ア...【本電子書籍は固定レイアウトのため7インチ以上の端末での利用を推奨しております。...【本電子書籍は固定レイアウトのため7インチ以上の端末での利用を推奨しております。CMY...4色プロセス印刷の際の色見本としてご利用いただけるガイド2本組(コート紙、上質紙)の色見本帳です。2...【本電子書籍は固定レイアウトのため7インチ以上の端末での利用を推奨しております。ME奏音桃WordPress1X歴のテーマ開発者がWordPressの有料テーマを購入したのがキッカケで、WordPressのカスタマイズTipsを纏めています。description(メタディスクリプション)をプラグインやテーマで管理している方は多いと思います。奏音桃WPtips-WordPressのカスタマイズTips集-Gutenbergでブロックを作る時にfontawesomeを使う事があると思います。WPtips-WordPressのカスタマイズTips集-。