アフィーロード

アフィリエイトがあるじゃないか!

*

Google ChromeでWPの管理画面が崩れた時の対処方法

    2016/05/21

wp-chrome-trouble-thum

みなさん普段、WordPressの作業をどのブラウザでしていますか?

私は、Firefoxメインで、Chromeサブという感じで使っています。WordPressはひとつのブラウザで全てのサイトに同時ログインできるのですが、管理サイトが増えてくると重くなり、ごちゃごちゃしてくるので複数のブラウザに分けています。

FC2などの無料ブログは、ひとつのブラウザで同時ログインできなかったので、「Windows Live Writer」や、Firefoxのアドオン「Multifox」を使ったりしていました。

WordPressは複数ログインできると分かって、Chromeでも作業している訳ですが、最近になって突然、管理画面メニューが崩れるトラブルが発生したのです。

関係あるか分かりませんが、その日は作業中カーソルが動かなくなったり文字入力が停止して進まなかったりと異常に重くなっていました。そして突然、崩れたのです・・・

wp-chrome-trouble1盛大に崩れまくっています。あたりを付けてクリックすると、違うページに移動してイライラします。。。

Chromeを再起動しても、パソコンを再起動しても直っていなかったので、面倒だなーと思いつつも修正を試みました。というか検索をかけたら既出のトラブルでしたがw

メニューのレイアウトが崩れる原因

WordPress.orgのフォーラムでこの問題を議論されていました。

Chrome 45 でWP管理画面のメニューが崩れる場合の応急対策

Chromeのバージョン45から発生している問題で、「slimming paint」が原因のようです。スリミングペイント・・・スリムな描写・・・表示を軽くするということでしょうか?

解決策は2通りあります。「slimming paint」の停止と、WPのプラグインです。

slimming paintを停止する

ブラウザに「 chrome://flags/#disable-slimming-paint 」を入れてると下図のページが表示されます。試験運用機能というページです。

wp-chrome-trouble2「スリミング ペイントを無効にする。」の有効にするをクリックします。

有効になったら、というか無効になったら、Chromeを再起動して終了です。

「スリミング ペイントを無効。」と「スリミング ペイントを有効にする」の2項目があり意味的に重複していて紛らわしいです。

しかしどちらも有効にすると、スリミング ペイントは無効になるようです。

ただ、スリミング ペイントを無効にすると、Chromeの描画に何らかの影響が出る可能性があるので、あまりオススメできない方法かもしれません。今のところWPの画面だけなので。。。

プラグインを導入する

Chrome Admin Menu Fix」プラグインを導入します。

  1. 管理画面のプラグインから新規追加をクリック。
  2. 検索窓にプラグイン名「Chrome Admin Menu Fix」を入力してEnter。
  3. 見つかったら、いますぐインストールをクリック。
  4. プラグインを有効化をクリック。

特にする事はありませんが、管理画面の上部にこの様な画面が表示されます。

wp-chrome-trouble3Hide Noticeをクリックすると表示されなくなります。Donateをクリックすると寄付できるようになります。お好きな方をどうぞ。

まとめ

微妙に嫌なトラブルでしたが、解決策があってよかったです。

 - WordPress

Comment

  1. アフィーロードさん、こんにちは^^
    サクセスアフィリ塾 みりんです。

    私は、管理画面が崩れたことは、
    まだないのですが、すごく興味深く読ませていただきました。

    こういった情報が、とてもありがたいですね^^
    ワードプレスの管理画面がおかしくなると、
    ドキッとしそうです。

    図解入りで丁寧にご説明下さっているのも、
    うれしいです。
    ありがとうございました。

    応援させていただきました。

Message

メールアドレスが公開されることはありません。

  関連記事

「SyntaxHighlighter Evolved」と「SH TinyMCE Button」を使ってコードをスマートに表示する

相変わらず四苦八苦しているのですが、今回はソースコードをどうやって綺麗にブログに …

WordPressのログインIDがバレるのをEdit Author Slugで防ぐ

ヤバイよヤバイよ、何て仕様なんだあ。何がヤバイかと言うと、ログインIDがダダ漏れ …

挿入画像のデフォルト値を変更して無駄な手間を省こう

WordPressで画像を挿入する時の話しですが、気が付いたら毎度ブログに表示す …

TinyMCE Advancedを導入してブログ記事の作成を捗らせよう

ビジュアルエディタは楽で良いですね。 テキストエディタだと、コードとテキストがご …

WordPressのテーマをカスタマイズするなら、まず子テーマを作ろう!

そろそろブログのデザインをどうにかしたいなと思うわけですが、どうやらいきなりテー …

ビジュアルエディタのレイアウトをブログと同じにする

記事を書いてはプレビュー、また書いてはプレビュー・・・・・ 少々几帳面なのか、文 …

リビジョンは便利機能だけど、溜まり続けるので何とかするプラグイン「Revision Control」と「Delete Revision Manager」

記事を書いていると、保存する前にうっかりページを移動したり、閉じてしまう事があり …

Google Analytics by Yoastを使えばトラッキングコードを貼るのも簡単です!

解析ツールの定番Google Analytics(アナリティクス)を導入するとき …

STINGER5の子テーマでCSSが上手く反映されない原因を解決!

子テーマを作ったので、取り合えず文字サイズでも変更してみようと思ったのですが、な …

WordPressで定番のメールフォーム用プラグイン「Contact Form 7」を導入する

ブログには、お問い合わせ用のメールフォームが必須ですよね。 記事の内容に関する問 …