Gutenbergのツールバーを使いやすくするLow-Key ToolBar をリリース

人生初の公式プラグインとして Low-Key ToolBar というプラグインをリリースしました。

このプラグインはブロックエディタのツールバーを半透明にしたり小さくして目立たなくする機能を提供します。

Low-Key ToolBar の機能

どんなことができるかは、動画をご覧下さい。

設定項目

設定できるのは次の3つ

• 不透明度（0．1〜1）
• 大きさ（倍率 0．1〜1）
• 下マージン（0〜12px）

不透明度は倍率は0にすると場所が完全に分からなくなるので0.1までとしています。

下マージンの必要性は分かりにくいかもしれません。ツールバーは左上基準で縮小されるので、ただ縮小しただけだとブロックに対して結構上に表示された状態になります。個人的にブロックのすぐ上に来て欲しかったのでそれを調整するための項目として設定しました。

下マージンは0でブロックの上にベタ付けになり、最大値の12pxがデフォルトの場所になります。デフォルト以上に離す必要性があるとは思えなかったのでデフォルトを最大値としました。

オプションとしてホバーでデフォルトの状態に戻せるようにできます。個人的には大きくなったり小さくなったりが微妙なので使っていません。

Low-Key ToolBar を作った理由

なぜこのプラグインを作ったのかというと、ブロックエディタのツールバーが目障りだったからです。

英語だと文字入力中はツールバーは消えるのであまり気にならないのですが、日本語だと入力開始直後は消えても変換操作(スペースキーを押す）すると再びツールバーが表示され、それ以降も表示されたり消えたりを繰り返します。

それが目障りなのと、入力中に少し上の文章を読み直したいときにもツールバーが邪魔になることも気になりました。

一応、そういう人のため（？）にトップツールバーといオプションが用意されていますが、これはこれで、マウスの移動距離が長くなる、ドラッグ＆ドロップでブロックを移動させることができない、など使い勝手はイマイチ。

そこで思いついたのがツールバーが目立たなくすることというわけです。最初は不透明度を調整するだけだったのですが、それよりもサイズが小さくなった方が便利だなと気づき今の仕様になりました。

こんな時に便利です

Low-Key ToolBar はツールバーが目障りと感じる人だけでなく、プラグインやテーマの機能でツールバーにたくさんボタンが追加されている人にも有用です。バーを縮小することでたくさんのツールバーでも無理なく使うことができます。

ブロックエディタの使い心地がイマイチだなと思う人は是非使ってみてください。

Low-Key ToolBar