はじめに
WordPressのビジュアルエディタで記事編集を行っているときに、ツールバーに関するトラブルが起こりました。
調べても対処法が見つからなかったですが、試行錯誤の末に解決することができたので、対処方法について記録を残しておきます。
ちなみに、私は
・テーマは「Cocoon」
・プラグインに「Advanced Editor Tools (旧名 TinyMCE Advanced)」
を使用しておりました。
症状:ツールバーが動いて見切れる
クラシックエディタを使用して編集していましたが、ツールバーがスクロールについてこずに、ブロックの上部で固定されてしまいました。
![](https://kaigo-hoken.net/wp-content/uploads/2022/06/f97cd0c41c8166b3f1fa6aa1904dafa6-1024x533.jpg)
クラシックエディタでは、このようにツールバーがでています。
この状態で、下にスクロールすると・・・
![](https://kaigo-hoken.net/wp-content/uploads/2022/06/20cfce153c6dcbd30dc35695758066ae-1024x533.png)
このように、ツールバーが画面から隠れてしまいました。
このブロックの上にツールバーが固定されているのが原因です。
これでは、ツールバーを使用するために毎回上にスクロールする必要があり、作業の効率が悪い上に、大変ストレスのかかる状態でした。
いろいろと調べてみるが、見つからない
インターネットで調べてみますが、なかなか同じような症状で悩んでいる人は見かけません。
「WordPress ツールバー 固定」などで検索しても、ブロックエディタのツールバーの固定方法はでてきますが、クラシックエディタの固定方法は見つかりませんでした。
解決策
調べても見つからなかったので、手当たり次第に設定を変更したところ、ようやく解決策を見つけることができました。
以下が、私の見つけた解決策の手順です。
![](https://kaigo-hoken.net/wp-content/uploads/2022/06/16d952a137f348ab3a6aecbf5076a95d-1024x531.jpg)
画面右上の「:」みたいのを押して、「設定」を開きます。
![](https://kaigo-hoken.net/wp-content/uploads/2022/06/a9a3381099c0e5fef7c87ecc075d5b64-1024x547.jpg)
「一般」の「テーマスタイルの使用」にチェックが入っていますので、これを外します。
![](https://kaigo-hoken.net/wp-content/uploads/2022/06/8ec6a9c9f17f674d2b5aa83ddff080e1-1024x532.png)
すると、スクロールしても一緒にツールバーがついてきてくれるようになり、解決しました。
ツールバーが若干、ヘッダーに被っておりますが個人的には許容範囲内です。
今回紹介した対処方法は、あくまでも私のWordPressの設定上で効果があった方法です。
Cocoon以外のテーマを使用していたり、Advanced Editor Tools (旧名 TinyMCE Advanced)のプラグインを入れていなかったりする場合に、同じように解決できるかは分かりません。
ただ、私と同じような症状で悩んでいる方がいるなら、少しでも解決のお助けになれば幸いです。
最後までご覧いただきありがとうございました。
コメント