ホームページの価値を最大化するCMS、WordPress(ワードプレス)。WordPressに関する情報をまとめておりますので是非ご活用ください。リッチテキストのツールバーにボタンを追加するこれまで紹介してきたように、GutenbergではブロックにRichTextコンポーネントを追加することができる。インライン要素がそれに該当する。Blocksでは、「蛍光ペン」という機能があり、このようにハイライトを施すことができるが、要するにそういうものだ。ある程度HTMLに詳しい方ならば、「なんらかのクラス名をつけたspanタグを挿入できるようにしているのだろう」と気づくだろう。今回はそのやり方についてリソースを提供したい。複数のタグの組み合わせ単一のタグ上で紹介した蛍光ペンのようなものはそれほど難しくない。付与することで対応している。このためのAPIがregisterFormatTypeというAPIなのだが、まだ文書化されていないアンドキュメンテッドため、サンプルコードなどを頼りに実装することになる。以下の4つが参考になるだろう。Gutenbergのコミッターであるiseuldeによるサンプルプラグイン。codeタグで選択した要素を包むサンプルがある。上記を参考にした日本語ブログ記事。筆者が作成したプラグインで、選択したテキストをsmallタグで包む。上記のコードを参考にすれば、できるはずだ。複雑なタグさて、筆者はWP-Yomiganaというルビを挿入できるプラグインを公開しているのだが、このプラグインではおまけで色々追加しており、全部で5つの要素が存在する。smallHTML5の定義に乗っ取り、文中での注釈(以前は字義通り「小さい」だった)として機能する。qあまり使われないが、文中引用として機能する。