質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

ただいまの
回答率

90.01%

WordPressをサーバー移管した後、管理画面のCSSが読み込まれない

解決済

回答 2

投稿 編集

  • 評価
  • クリップ 0
  • VIEW 962
退会済みユーザー

退会済みユーザー

 事象

稼働中のhttp://aaaaaaaaaaaaaaa/というサイトのWordPressがあり、サーバー移管をした際にドメイン名と1つ階層を下げて、WordPerssを稼働させたいという要望がありましまして、http://bbbbbbbbbbbbbb/hoge/というフォルダにコンテンツを移動したところ、下記のようにCSSが効いていない状態になってしまいました。

※ログインは可能でダッシュボードもCSSは読み込まれませんが利用できる状態です。
イメージ説明
上記のログイン画面のHTMLは下記のような状態となっております。

<!DOCTYPE html>
    <!--[if IE 8]>
        <html xmlns="http://www.w3.org/1999/xhtml" class="ie8" lang="ja">
    <![endif]-->
    <!--[if !(IE 8) ]><!-->
        <html xmlns="http://www.w3.org/1999/xhtml" lang="ja">
    <!--<![endif]-->
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>gehogeho site/title>
    <link rel='stylesheet' href='http://bbbbbbbbbbbbbb/hoge/wp-admin/login.css?version=4.1.16' type='text/css' />
<meta name='robots' content='noindex,follow' />
    </head>
    <body class="login login-action-login wp-core-ui  locale-ja">


下記の行で指定しているURLはパスが間違っているのは把握しており、

<link rel='stylesheet' href='http://bbbbbbbbbbbbbb/hoge/wp-admin/login.css?version=4.1.16' type='text/css' />


下記のように変更したいのですが「wp-includes\script-loader.php」で自動生成しているのですが、「wp-includes\script-loader.php」ファイル自体に手を加えたことはありません。(独自のロジックを組み込むことはしておりません。)

<link rel='stylesheet' href='http://bbbbbbbbbbbbbb/hoge/wp-admin/css/login.css?version=4.1.16' type='text/css' />

どのようにCSSのタグが出力されており、なぜパスがおかしくなってしまうのか、原因がわからず、同じ事象にあったことがある、または解決方法をご存じの方は、ご教授頂けると幸いです。

 サーバー移管の手順

  1. コンテンツを移行元から移行先のフォルダへ移動
  2. 移行元のMySQLをdumpする。
  3. dumpしたファイルの記述されているURLを「http://aaaaaaaaaaaaaaa/」から「http://bbbbbbbbbbbbbb/hoge/」に置換する
    4. 上記の修正したdumpファイルを移行先のDBにリストアする

上記の作業しかしておらず、サービス側のCSSは正しく読み込まれており、レイアウトは崩れておりません。管理画面のCSSだけが、うまく読み込まれずに困っております。

  • 気になる質問をクリップする

    クリップした質問は、後からいつでもマイページで確認できます。

    またクリップした質問に回答があった際、通知やメールを受け取ることができます。

    クリップを取り消します

  • 良い質問の評価を上げる

    以下のような質問は評価を上げましょう

    • 質問内容が明確
    • 自分も答えを知りたい
    • 質問者以外のユーザにも役立つ

    評価が高い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。

    質問の評価を上げたことを取り消します

  • 評価を下げられる数の上限に達しました

    評価を下げることができません

    • 1日5回まで評価を下げられます
    • 1日に1ユーザに対して2回まで評価を下げられます

    質問の評価を下げる

    teratailでは下記のような質問を「具体的に困っていることがない質問」、「サイトポリシーに違反する質問」と定義し、推奨していません。

    • プログラミングに関係のない質問
    • やってほしいことだけを記載した丸投げの質問
    • 問題・課題が含まれていない質問
    • 意図的に内容が抹消された質問
    • 広告と受け取られるような投稿

    評価が下がると、TOPページの「アクティブ」「注目」タブのフィードに表示されにくくなります。

    質問の評価を下げたことを取り消します

    この機能は開放されていません

    評価を下げる条件を満たしてません

    評価を下げる理由を選択してください

    詳細な説明はこちら

    上記に当てはまらず、質問内容が明確になっていない質問には「情報の追加・修正依頼」機能からコメントをしてください。

    質問の評価を下げる機能の利用条件

    この機能を利用するためには、以下の事項を行う必要があります。

質問への追記・修正、ベストアンサー選択の依頼

  • m.ts10806

    2018/08/29 09:37

    ドメインは例示ドメインを利用してください(アクセスしてみるとわかりますがhogehogeの方は実在するサイトです)。 http://www.atmarkit.co.jp/fwin2k/win2ktips/801exampledom/exampledom.html

    キャンセル

  • 退会済みユーザー

    退会済みユーザー

    2018/08/29 09:57

    ご指摘ありがとう御座います。修正致しました。

    キャンセル

  • m.ts10806

    2018/08/29 10:01

    リンク先読まれましたか?「例示ドメイン」は使えるものが決まっています。存在しなさそうだからといって勝手に使っていいものではありませんよ。

    キャンセル

  • 退会済みユーザー

    退会済みユーザー

    2018/08/29 10:21

    なるほど勉強になります。修正しました。

    キャンセル

回答 2

check解決した方法

0

解決して方法は下記の手順で行いました。

  • WordPressを初期インストールする
  • 移行元のサーバーからプラグインとテーマを移動
  • プログラムを微調整する

上記の対応でレイアウト崩れが解消できました。

投稿

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

0

あまり親切な回答ではなくて恐縮ですが、
SiteGuardプラグインを利用しているように見受けられるので、それを一旦無効にしてみるのはいかがでしょうか。
ログイン自体はできるのであれば、なんとかうまいことやれないでしょうか。
それが無理なら、FTPなどで一時的にプラグインフォルダをリネームすると無効にできるはずです(この操作は自己責任で・・・・)
http://blog.grphca.jp/2017/08/failure-loading-login-page/

その他、以下を試して、その結果を質問に追加してみるのはいかがでしょうか
・デバッグモードをONにして何かエラーを吐いていないか確認する
・ブラウザのデベロッパー機能などでエラーが出てないか確認する
・PHPバージョン、mySQLバージョンなどの情報を追記する

投稿

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

  • 2018/08/29 22:29

    ご回答有難う御座います。
    自分も同じ記事をみて、検証したのですが解決することが出来ず。
    また下記のアドバイス頂いた情報でも試しておりますが、特にCSSのパスが違うだけのエラーしか表示されておらず、その他のエラーは発生しておりませんでした。


    ・デバッグモードをONにして何かエラーを吐いていないか確認する
    ⇒エラーは発生しておらず。

    ・ブラウザのデベロッパー機能などでエラーが出てないか確認する
    ⇒login.cssのファイルが存在しないというNotFoundのエラーが発生しているだけです。

    ・PHPバージョン、mySQLバージョンなどの情報を追記する
    ⇒移管先のサーバーは下記のバージョンとなっております。
    PHP Version 5.4.45
    WordPress 4.1.16

    利用しているプラグインは下記となります。
    - WPtouch Mobile Plugin
    - WP Total Hacks
    - WP Multibyte Patch
    - View own posts and media library items only
    - TinyMCE Advanced
    - Simple expires
    - Post Type Switcher
    - Meta Manager
    - Hello Dolly
    - Adminimize
    - Akismet
    - Custom Field Suite
    - Contact Form 7
    - Custom Post Type UI
    - Export to Text
    - FE Advanced Search
    - Google XML Sitemaps

    キャンセル

  • 2018/08/30 10:03

    すみません、これ以上はお役に立てそうにないです。
    当方も、以前同じように管理画面のCSSが突然読み込まれなくなったことはあるのですが、
    その時は、スタイルやスクリプトの連結で何らかトラブっていた模様で、スタイルを連結させなくするという方法で回避できました。
    wp-config.php に define('CONCATENATE_SCRIPTS', false); を書くという方法です。

    ただ、質問の内容ではすでに連結したものではなく直接cssファイルを読み込もうとしているということですので、この方法での回避はできないと思います。
    また、当方では最新バージョンでの検証なので、バージョン4.1.xだとまた状況が違う可能性もあります。

    どこでかで何かが起きているとして、原因を切り分けるために、プラグインを全部切ってみる、テーマを変更してみるなどの方法が考えられますが、、、、
    いずれにしろこれ以上お役に立てることがなさそうです、申し訳ありません。

    キャンセル

  • 2018/08/30 15:21

    色々とアドバイスありがとう御座います。
    調べた限り可決策が見つからないため、最新のWordPressをダウンロードし、
    対象のプラグインとテンプレートを移行先からコピーしたところ、管理画面のレイアウトは崩れなくなりました。

    結局原因がわかりませんでしたが、力技で解決していきたいと思います。

    キャンセル

15分調べてもわからないことは、teratailで質問しよう!

  • ただいまの回答率 90.01%
  • 質問をまとめることで、思考を整理して素早く解決
  • テンプレート機能で、簡単に質問をまとめられる