WordPress 4.3で管理画面のメニューが崩れてしまう現象を修正!

WordPress

先日、WordPressの管理画面のメニューが崩れていることに気が付きました。どうやらWordPressをアップデートしたことにより、崩れが発生したようです。

↓こんな感じに崩れています。非常に使いにくいです。

崩れてしまう原因ですが「WordPress4.1~4.4」と「Google Chrome 45~47」の組み合わせで起こってしまう不具合のようです。IEやFirefox、Safariでは問題なく表示されています。

困っている方もおられると思いますので、修正方法を記事にしておきます。

すでに最新のWordPressとChromeで不具合は修正されています(2019/7/25追記)。

修正方法は3通り

修正する方法は3通りあります。

  • Google Chromeの設定を変更する方法
  • WordPressのプラグインを導入する方法
  • Google Chromeをバージョンアップさせる

それぞれの方法を一つずつ説明していきます。

【解決法.1】Google Chromeの設定を変更

↓まずは「Google Chrome」を立ち上げて、URLの入力欄に「chrome://flags/#disable-slimming-paint」と入力し、ページを開いてください。

↓すると以下のような試験運用機能画面が開くはずです。

↓試験運用機能画面の「スリミング ペイントを無効にする。」を有効化してください。

↓次に、その下にある「スリミング ペイントを有効にする。」が無効になっていることを確認してください。

↓最後に一番下にある「今すぐ再起動」をクリックし、Chromeを再起動してください。

↓管理画面のメニューをチェックすると崩れが修正されています。

試験運用機能画面はGoogle Chromeの大事な設定画面ですので、触る時は十分に注意してください。

次にプラグインでの対応について説明します。

【解決法.2】プラグイン「chrome-admin-menu-fix」を導入

プラグイン「chrome-admin-menu-fix」を導入してください。

通常は管理画面へログインし「プラグイン」⇒「新規追加」からプラグインを導入するのですが、検索しても「chrome-admin-menu-fix」が出てきませんので、プラグインのサイトからダウンロードし、FTPでアップして導入します。

↓以下のサイトへアクセスしてください。

raffjones/chrome-admin-menu-fix
PLEASE NOTE: This repo is just an archive as the underlying bug has been fixed in Chrome. Chrome 45+ was mangling WordPress admin menus. This is a quick fix whi...

↓「Download ZIP」をクリックしてください。ダウンロードが始まります。

↓ダウンロードされた「chrome-admin-menu-fix-master.zip」を解凍してください。「chrome-admin-menu-fix-master」というフォルダが出てきます。

↓FTPソフトでサーバーに接続し、「WordPressインストールフォルダ/wp-content/plugins/」に「chrome-admin-menu-fix-master」フォルダをアップロードします。

WordPressの管理画面の「プラグインのアップロード」からzipファイルをアップする方法でも問題ありません。

↓WordPressの管理画面の「プラグイン」⇒「インストール済みプラグイン」をクリックしてください。

↓「Chrome Admin Menu Fix」のプラグインが導入されているのが確認できます。この時点で有効化されていませんので「有効化」をクリックしてください。

↓プラグインが有効化されました。管理画面のメニューをチェックすると崩れも修正されています。

次にGoogle Chromeのバージョンアップについて説明します。

【解決法.3】Google Chromeをバージョンアップさせる

「Google Chrome 45~47」以降のGoogle Chromeにバージョンアップさせてください。

↓「Google Chromeを更新」からバージョンアップできます。

最後に

無事に管理画面の崩れが修正されてホッとしました。アップデートをする時は注意が必要ですね。他のツールとの組み合わせで、どんな不具合が発生するか分かりません。

3通りの修正方法をご紹介しましたが、やりやすい方法で対応してください。

以上「WordPress 4.3で管理画面のメニューが崩れてしまう現象を修正!」でした!

それではまた。

コメント