【WordPress】プラグインを使わずにマーカーをひく

グーテンベルグがどんどん進化してますね。
最近、「テキストにマーカーをひきたい」という要望をいただいたのですが、マーカーの機能はいまのところグーテンベルグ にありません。
昔からある「Tiny MCE Advanced」…現在は名前が変わって「Advanced Editor Tools」という名前になっていますが、このプラグインでエディタを拡張することもできます。
しかし、実際にやってみるとデフォルトにあるはずの機能が一部なくなってしまいました。

プラグインを入れた瞬間に、「テキスト色」「上付き」「下付き」がなくなってしまう。
(WordPress5.7.1、Advanced Editor Tools 5.6.0)
これはよくない…ということで、簡単にスタイル直書きで作りました。
テキストの要素をクリックして右上に出てくる三つの点をクリックし、ポップアップで「HTMLとして編集」を選択します。
下記spanで囲みます。
<p>テキストに<span style="background:#ffff00;">マーカー</span>をつけます。</p>「ビジュアル編集」にするとHTML編集から抜けられます。
お客さんがちょっとパソコン使える人なら、これでもいけそうです。
これをポップアップメニューに加えられたらいいんですが、そんなプラグインを作ってる間にグーテンベルグが実装しそうだなと思うので、見守ろうと思います。































