東京都府中市、九段下のWeb制作会社Maromaroのブログです

2026.02.02

# コーディング・システム開発

Gutenbergの装飾ツールバーを移動したい!

こんにちは。Maromaroのyamahanaです。

最近、Wordpressで記事などを投稿することがてとても多くなってきました。

そんな中、Gutenberg(グーテンベルグ)で記事作成をしていたのですが、入力上部にいつも出てくるツールバーがとにかく邪魔で邪魔で…

↓こんな感じで手前のテキストを全部隠してしまうので、とにかく作業がしづらい!

そこで今回は、Gutenbergの装飾ツールバーの移動の仕方をご紹介します♪

Gutenbergとは?

WordPress5.0から新たに導入された機能で、ブロックエディタと違い、直感的かつ自由に編集が行え、html編集機能もあるため、コーディングが出来る人にも使いやすいエディタになります。

Gutenbergのデメリット

使い勝手が良く自由度が高い分、複数の投稿者が作成すると、体裁やレイアウトがバラバラになったりする可能性が大きいです。

また、初心者や、古いエディタ機能に慣れているユーザーにとっては慣れるまで少し時間がかかるというデメリットがあります。

個人的にはブロックエディタと比べて使いやすいので重宝しています。

装飾ツールバーを移動したい

やり方はとっても簡単♪

①右側上部にある3点リーダーをクリック

②右側に表示されたトップツールバーをクリック

 

そうするとあら不思議。タイトル上部にツールバーが移動しました!

ただ難点があり、ちょっとした修正をするのに少し距離が出てしまう。。

そんな時はスクロールで位置調整しながら行うとやりやすいです

 

やっぱり元に戻したい!

やってみたけど、やっぱり元の方が使いやすかった!

そんな時は簡単。

設定した時と同じやり方でトップツールバーの右横に出てるチェックを外すと元に戻せます。

 

まとめ

今回はGutenbergのツールバーについてご紹介しました。

やりにくさがあるとどうしても作業に時間がかかってしまいがち。

より簡単な作業が出来るようにしていきたいですね。

以上yamahanaでした!