WPのダッシュボードがchromeのブラウザで崩れる不具合!解決方法は?

スクリーンショット 2015-09-09 11.00.32

日々ワードプレス運営で重宝される便利な機能。
それが
プラグイン機能
だと思います。

このプラグイン機能なんですが、便利な反面、
慣れないうちは設定に苦戦したりするんです。

私も最近
「Table of Contents Plus」
というプラグインを導入しました。

このプラグインを導入すると自動的に
記事の中に目次を挿入できる便利な
プラグインなのですが、

このプラグインを導入してからどうも、
メニュー画面がおかしいのです。

微妙に表示が消えて表示されていたり、
項目がずれて表示されたりして、非常に
扱いづらい。

ただ、この「Table of Contents Plus」を
停止すると元に戻ります。

なので、明らかにこのプラグインが原因のようです。

この記事ではその解決法をご紹介したいと
思いますね。

突然消えるメニューバー

「Table of Contents Plus」

は非常に便利なプラグインなんですが、
なぜか私の場合表示がおかしくなる
症状に見舞われました。

具体的にはこんな感じです。

スクリーンショット 2015-09-09 11.00.32 スクリーンショット 2015-09-09 11.00.25

この画像のように項目がダブって表示が
されたりして非常に見づらい状態になって
しまっています。

ちなみにこのプラグインを停止すると
このように正常な画面に戻ります。

スクリーンショット 2015-09-09 11.02.11

一体これはなぜなんだ。

ということで色々試行錯誤をしてみることに。

実際このプラグイン結構使えるんで、
「停止」
にしておくのもったいないんですよね。

なので自分なりに色々と試行錯誤を
してみることにしました。

試行錯誤その① 新しいバージョンに更新

まず目についた事として、プラグインメニューの
「Table of Contents Plus」
の項目を見てみたところ、

 

新しいバージョンの Table of Contents Plus が利用可能です。
バージョン 1509 の詳細を見るか、今すぐ更新ししてください。

 

っとまぁこのようなメッセージが添えられていたんですね。

スクリーンショット 2015-09-09 11.08.32

もう直感的にひらめきましたよ。

これだぁ!!!!!

っと。

そこですぐにこのメッセージの中の
「今すぐ更新」
という項目をクリックしてみました。

すると程なくして

「更新しました」

の文字が表示されましたよ。

スクリーンショット 2015-09-09 11.09.50

これで状況は改善されるだろう。

そう思ったのもつかの間ですよ。

スクリーンショット 2015-09-09 11.11.43

全然改善されない

これはまた別の方法にトライしなくては
なりません。

負けませんよ、私は!

そもそもプラグインが原因ではない?

今回ワードプレスのメニューが表示されないという
症状を色々調べてみて、その原因として最近導入した
プラグインが原因なのでは?

と思い、試行錯誤を重ねてきました。

そのプラグインを導入したくらいの頃から
動作がおかしくなったので、これは間違い
なくこれが原因なのだろうと。

しかし、色々試してみる中で驚いたのが、

先ほどの
「Table of Contents Plus」
というプラグインの動作を停止にしても
バグは直らない

ということが分かりました。

要するにこれ、

プラグインの問題ではない

ということがわかったんですね。

マジかと。

私は現在ワードプレスをMacbook Airを
の中のGoogle Cromeというブラウザを
使って利用しているのですが、

試しに「Safari」を使ってみると、

正常に動作した

んですね。

これ、要するにどういうことかと言うと、

原因はプラグインではなくブラウザだった

ということになります。

まさかの大どんでん返し(笑)

原因はブラウザだった!Cromeをいじってみる

原因がわかったということで、ではどうすれば
良いのか。

Cromeでメニューバーの表示がおかしくなる
症状についてネットで調べてみると、

キャッシュが関係している

ということが考えられることが
分かりました。

カスタマイズ画面で「保存しました」で固定され編集できない

取り敢えずCromeの中の

キャッシュ=閲覧履歴

を削除してみることに。

Cromeのメニューバーの中から

【Crome】⇢【閲覧履歴を消去】

をクリックします。

スクリーンショット 2015-09-09 11.34.40

すると
【閲覧履歴データを消去する】
という画面が出てきます。

その画面の下の方の
【閲覧履歴を消去する】という
ボタンをクリックします。
スクリーンショット 2015-09-09 11.36.48

これでキャッシュは全て削除されました。

よし、これでうまくいくはずだ!!

それ!

スクリーンショット 2015-09-09 11.53.42

ガーン

直っていない。

死にそう〜

これは気を取り直して再度ブラウザの
問題では無く、プラグインの問題だと
考え、もう少し試行錯誤してみます。

一個一個プラグインを吟味してみる

取り敢えずプラグインに原因があるだろうと
仮説を立ててみて、一個一個検証をしてみる
方法を取ってみようと思います。

まず、一度全部プラグインを停止させてから、
一つ一つのプラグインを有効化させていきます。

ってあれ?全部プラグインを停止させても
不具合が。。。

スクリーンショット 2015-09-09 11.58.45

これはいよいよわからなくなってきました。

これまでプラグインの不具合だと
ばかり思っていましたが、全ての
プラグインを停止させても、
改善はされず。

Safariの方では通常通り動作して
いますので、やはり原因はCrome
だと思います。

しかし閲覧履歴を削除したのになぁ。

と、困ったときはGoogleということで、

「ダッシュボード crome」

と検索を掛けてみたところ。。。

こちらのページに解決方法らしきものが、、

chromeでWPのダッシュボードのレイアウトが崩れる現象とその対策

こちらの解決方法によると、

Chromeユーザのための管理画面のメニューについて修正方法

・chrome://flags/#disable-slimming-paint を開く
・「スリミング ペイントを無効にする。」を有効化する
・その下の「スリミング ペイントを有効にする」が無効になっていることを確認する。
・Chromeを再起動する

と、このようになっております。

実際に私もやってみましたよ

スクリーンショット 2015-09-09 12.13.21

この画面自体は結構謎でしたが。

スクリーンショット 2015-09-09 12.12.41

「スリミング ペイントを無効にする。」有効化する

有効化が確認できましたら、
【再起動】
をクリックします。

するとchromeが再起動をされます。

再起動されてから動作が正常になっているか
確認をしてみたところ。。。

直っていました!!

スクリーンショット 2015-09-09 12.16.55

結構時間掛かってしまいました。
知らないって恐ろしい〜

ということで、この記事が参考になれば幸いに
思います!

以上!

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

次のHTML タグと属性が使えます: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code class="" title="" data-url=""> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong> <pre class="" title="" data-url=""> <span class="" title="" data-url="">