WordPress管理画面のレイアウト崩れの簡単な修正方法!原因はレンタルサーバーの高速化機能

WordPressサイトのレイアウト崩れ修復方法

レンタルサーバーを契約してWordPressサイトを構築後に時々発生する、ログイン後管理画面のレイアウト崩れ。先にも進めず投稿もする事もできない厄介なこの現象は何が原因だったのか?また修正するために行ったレンタルサーバーの設定変更について記事にしております。

WordPress管理画面のレイアウト崩れについて

WordPress管理画面のレイアウト崩れ
WordPress(ワードプレス)でウェブサイトを構築後、条件によって時々発生していた管理画面のレイアウト崩れ。
予兆としては、新規ログイン後にダッシュボードの読み込みに時間がかかり、なかなか管理画面が開かれない時に発生しますが、次のページに進もうとしても元のページに戻されてしまう厄介な現象なのです。

実はこれ、プラグインのインストールとアンインストールを繰り返していれううちに残骸が残って、それが悪さをしているのだと思って、一度データベースを全消ししていたのです。
ちなみに、このサイトのURLが変わったのも、バックアップからデータを戻した時に失敗していたから、思い切って変えていたのですよ・・。

データベースを消す前はこんな事をしておりました。

  • プラグインの無効化→全て効果なし
  • キャッシュやクッキーの削除→全く効果なし
  • WordPressの上書きインストール→効果なし
  • テーマの再インストール→効果なし
  • バックアップからの復元→これも一因
  • WordPressバージョンのロールバック→これでとどめを刺してる

なかなか治らないので、何度かWordPressバージョンのロールバックとバックアップからの復元をしているうちに、益々不具合が起き始めて修復不能な状態に・・。
最終的にURL変更とWordPressの新規インストールをしなければいけないものだと思い込んでいたのです。

その後、新規サイトを構築後に時々同じ現象が発生していたので、サーバー側にも原因があるのかと思って設定の変更をしてみました。
筆者が契約しているレンタルサーバーは、Xサーバーです。

  • XPageSpeed設定の無効化→意味があったかと思ったけど再発
  • PHP Ver.の切り替え→どのバージョンでも再発
  • サーバーキャッシュとブラウザキャッシュの無効化→こちらも再発

結局原因は何なのか分からなかったけど、Xサーバーの設定を変更しているうちに原因をやっと突き止める事ができました!

原因はXアクセラレータ Ver.2だった!

Xサーバーには、サイトの高速化と同時アクセス数の拡張が行われる「Xアクセラレータ」という機能が実装されています。
Version.1は、静的ファイルのキャッシュをサーバーに保持することで、サイトの高速化と同時アクセス数の拡張が行われる機能なのですが、Version.2はPHPプログラムの処理速度を最大20倍にまで高速化させる事ができるのです。

今回のWordPress管理画面のレイアウト崩れに関しては、PHPプログラムの処理速度を向上させるVersion.2が悪さをしていたっぽい。

WordPress管理画面のレイアウト崩れの修復
Xサーバーのサーバーパネルから、Xアクセラレータをver.2からVer.1に切り替えてサーバーキャッシュをクリアしたら、管理画面のレイアウト崩れが直り、それ以降は同じ現象が発生しなくなっております。

不具合が発生しなければ、そのままVer.1にしておけばいいかと言うと、それはオススメできません。
レイアウトが崩れてしまうのは管理画面だけの問題なので、ウェブページ自体は全く問題なくアクセス可能な不具合ですし、ver.2はPagespeed Insightsでも目に見えてスコアが上がるぐらいに高速化が可能な機能なので、管理画面のレイアウトが崩れてしまった時以外は極力ver.2を適用しておいた方が良いかと思います。

WordPress管理画面のレイアウト崩れの修復後
一度Ver.1にした後にレイアウト崩れが治ったまま、しばらくは同じ現象が続かない時もありますので、極力Ver.2にしておく事をオススメします。

URLとデータベースを変更してから、1ヶ月ぐらいかけてウェブサイトを修復していたんですけど、あの1ヶ月は何だったんでしょうね・・。
こんな簡単な事で治るとは・・。
プラグインの残骸がすっきりと消え去ってくれた分、サイトが軽くなったのは良かったんですけどね(笑)

ちなみに修復不能になった時に使用していたWordPressバージョンのロールバックをするプラグインは、挙動があまりよろしくなかったような感じなので、極力使わない方が良いかと思います。
また、他のサーバーでも同じ現象が発生したら、PHPの高速化機能が原因である可能性が高いため、同じ過ち犯してしまう前に、今一度高速化機能の無効化を試してみてください。


 

YouTubeチャンネルオリジナルロゴ

Youtubeチャンネルでは、日本国内各地の美しい四季の風景、ネイチャービデオ、花火大会やイベント・お祭り等、クリスマスイルミネーションや夜景、星景タイムラプス映像、Vlog、飛行機や新幹線などの乗り物等の映像をライブラリー化し、世界各地に発信しております。
また、不定期で花火大会やイベントのライブ配信も実施中!
下のYouTubeアイコンからチャンネルを表示していただき、チャンネル登録後に通知をオンにしていただくとライブ配信の通知が受け取れます!
もちろん動画URLや埋め込みタグを使用したウェブサイトへの埋め込みやSNSでのシェアもOKです!

最新の更新情報を受け取れる各種SNSを運営中!フォローや登録はこちら!


関連記事

  1. モバイル端末でウェブサイトをスクロールできない問題を解決したサムネイル画像

    モバイル端末でウェブサイトのスクロールが止まる原因はアドセンスの自動広告

  2. Word Pressプラグイン Your Channel

    Your Channel | Youtubeチャンネルを埋め込むWordPressプラグイン

  3. Googleサーチコンソールへの登録

    Google サーチコンソールで検索登録! XMLサイトマップの送信と使用方法

  4. Ultimate XML Sitemaps Generator for Googleのインストール

    動画と写真のXMLサイトマップもインデックス可! WPGrim Google XML Sitemaps Generator Proのレビュー

  5. 重いプラグインを減らしてWordPressサイトを高速化!読み込みを快適にして直帰率を下げるのがオススメ!

    重いプラグインを減らしてWordPressサイトを高速化!読み込みを快適にして直帰率を下げるのがオススメ!

  6. Xサーバーの高速化設定ページのサムネイル

    エックスサーバーの高速化設定!レンタルサーバーのパフォーマンスを向上して快適に!

  7. エックスサーバーとワードプレス URLの正規化 www無しhttpsに統一をする設定

    URLの正規化 www無しhttpsに統一をする設定 | 常時SSL化WordPressサイト×エックスサーバー

  8. 閉鎖したサブドメインのWordPressサイトから新サブドメインに301リダイレクトする方法 サムネイル画像

    閉鎖したサブドメインのWordPressサイトから新サブドメインに301リダイレクトする方法

  9. 内部検索スパム サーチコンソールの未登録件数

    目障りなSEO To66.Asia 内部検索スパムをRobots.txtでブロック!意地でもクロール禁止にしたい!

  10. 自動読み込みがリスクになっているWordPressサイト

    WordPressプラグインの入れすぎはダメと言われる理由を解説!アンインストール後も注意!

  11. ウェブサイト管理者向け!汚い美容系広告だけをブロックして収益を減らさず離脱率を下げる方法

    ウェブサイト管理者向け!汚い美容系広告だけをブロックして収益を減らさず離脱率を下げる方法

  12. エックスサーバー 2024年のハードウェア増強

    Xサーバーがハードウェアを増強したので、新サーバー簡単移行でお引越し!

  1. この記事へのコメントはありません。

  1. この記事へのトラックバックはありません。

  1. Cooler master HAF700の200mm ARGBフロントファン点灯状態

    HDD8台&エアフローお化けのATXフルタワーケース…

  2. Anker Charging Station 9 in 1のサイズ

    最大9台のUSBとAC機器を接続可能な急速充電器!Anker…

  3. 自動読み込みがリスクになっているWordPressサイト

    WordPressプラグインの入れすぎはダメと言われる理由…

  4. WordPressプラグインWP Rocketの購入ページと3つの料金プラン

    WP Rocketのレビュー!高機能キャッシュ&最強の…

  5. USB端子の形状一覧のイラスト Type-A Type-C Type-B

    USB 3.0、3.1?3.2?Genとは? 分かりにくいUSBの規…

  6. TCD ワードプレステーマGENSEN 検索フォーム

    TCD GENSENでSEO対策!検索機能が高性能なオススメWo…

  7. Ultimate XML Sitemaps Generator for Googleのインストール

    動画と写真のXMLサイトマップもインデックス可! WPG…

  8. ハイパスフィルターを適用前後の飛行機の写真

    Adobe Photoshopのハイパスフィルターを使ってシャー…

  9. オプション設定で添付ファイル自動生成ページが有効化になっている

    WordPressのメディア添付ファイルページの無効化と有…

  10. CCグロスゴールド インテリアコーティングを重ね塗りした仕上がり

    車内内装の保護艶出しに!CCグロスゴールド インテリ…

楽天トラベルのバナー画像

よく読まれている人気記事ランキング




Amazonトップページバナー
楽天モバイルアフィリエイト