【WordPress】ツールバーが動いてスクロールアウトするときの対処法

はじめに

WordPressのビジュアルエディタで記事編集を行っているときに、ツールバーに関するトラブルが起こりました。
調べても対処法が見つからなかったですが、試行錯誤の末に解決することができたので、対処方法について記録を残しておきます。

ちなみに、私は
・テーマは「Cocoon」
・プラグインに「Advanced Editor Tools (旧名 TinyMCE Advanced)」
を使用しておりました。

症状:ツールバーが動いて見切れる

クラシックエディタを使用して編集していましたが、ツールバーがスクロールについてこずに、ブロックの上部で固定されてしまいました。

クラシックエディタでは、このようにツールバーがでています。
この状態で、下にスクロールすると・・・

このように、ツールバーが画面から隠れてしまいました。
このブロックの上にツールバーが固定されているのが原因です。

これでは、ツールバーを使用するために毎回上にスクロールする必要があり、作業の効率が悪い上に、大変ストレスのかかる状態でした。

いろいろと調べてみるが、見つからない

インターネットで調べてみますが、なかなか同じような症状で悩んでいる人は見かけません。

「WordPress ツールバー 固定」などで検索しても、ブロックエディタのツールバーの固定方法はでてきますが、クラシックエディタの固定方法は見つかりませんでした。

解決策

調べても見つからなかったので、手当たり次第に設定を変更したところ、ようやく解決策を見つけることができました。

以下が、私の見つけた解決策の手順です。

画面右上の「:」みたいのを押して、「設定」を開きます。

「一般」の「テーマスタイルの使用」にチェックが入っていますので、これを外します。

すると、スクロールしても一緒にツールバーがついてきてくれるようになり、解決しました。
ツールバーが若干、ヘッダーに被っておりますが個人的には許容範囲内です。

今回紹介した対処方法は、あくまでも私のWordPressの設定上で効果があった方法です。
Cocoon以外のテーマを使用していたり、Advanced Editor Tools (旧名 TinyMCE Advanced)のプラグインを入れていなかったりする場合に、同じように解決できるかは分かりません。

ただ、私と同じような症状で悩んでいる方がいるなら、少しでも解決のお助けになれば幸いです。
最後までご覧いただきありがとうございました。

コメント