Gutenbergが地味に不便？それならAdvanced Editor Toolsプラグインで機能を拡張しよう

こんにちは！ZIGです。

ワードプレスの新エディター「Gutenberg」は旧エディターに比べると感覚的な操作が可能な上、出来る事も増えました。

でも、デフォルトのままだと不便な部分もあります。なのでAdvanced Editor Toolsプラグインを組み合わせて利便性を向上させちゃいましょう。

Gutenbergの難点

Gutenbergは様々な「ブロック」があらかじめ用意されているので、エディター機能を拡張するプラグインを入れなくても様々な事が出来ます。しかし、出来ないこともあるんですよね。

例えば段落ブロックでコンテンツを作成する際、下線（アンダーライン）が入れられなかったり、コンテンツの一部のみを装飾（文字サイズ・文字色・背景色変更）する事が出来なかったりします。

▲段落ブロック内のテキストを部分的に選択して文字サイズを変更しようとしても・・・▲

↓↓↓

▲段落ブロック内のすべてのテキストの文字サイズが変わってしまう。不便過ぎる！▲

このように出来る事が多い反面、意外と単純なことが出来ないんですよね。もちろんこうした点は今後改善されるのかも知れませんが・・・

ただ、こうした難点の大半は「Advanced Editor Tools（旧TinyMCE Advanced）」プラグインを入れる事で解消出来ます！

旧エディターの頃からよく使われていたプラグインですが、現在はGutenbergにも対応していて、Gutenbergのエディター機能を拡張できるようになってるのです♪

Advanced Editor Toolsプラグインのインストールはワードプレスの管理画面、「プラグイン」⇒「新規追加」から「Advanced Editor Tools（もしくはTinyMCE Advanced）」を検索すればすぐ見つかります。

見つけたら「今すぐインストール」⇒「有効化」ですね。

有効化すると「設定」メニューに「TinyMCE Advanced」が追加されます。

ここをクリックして設定を行いましょう。

クリックするとAdvanced Editor Toolsの設定画面が表示されますが、エディター設定の上部に「Block Editor(Gutenberg)」と「Classic Editor(TinyMCE)」という表示が確認できるはずです。

要するにGutenbergとクラシックエディターの両方の機能拡張が出来るって事ですね。

デフォルトではGutenbergの設定画面が表示されていると思うので、そのまま設定していきましょう。

ここではトップツールバーの機能拡張・部分的な文字色・背景色変更・クラシックブロックの機能拡張が行えます。

[box class=”yellow_box” title=”ツールバーの編集”]

トップツールバーに表示される文字装飾メニューが編集出来ます。よく使うものについては子鬼追加しておくと便利ですね。例えば下線（アンダーライン）などは個々に入れておくと良いでしょう。
サイドバーに表示される文字装飾メニュー。使用頻度はそれほど高くないけど、あった方が便利と思うものはこちらに入れておくと良いです。
必要ない装飾メニューはここに入れておけばツールバーに表示されません。

[/box]

使用したいアイコンをドラッグ＆ドロップで移動させましょう。

例えば下線（アンダーライン）をトップツールバーに表示させたい場合、下線アイコンをトップツールバーのメニューに移動させればOKです。