サポート » 使い方全般 » ローカル設置のWPで表示の崩れ

  • 解決済 amskmg

    (@amskmg)


    お世話になります。
    社内LANのみで使用する為にXAMPP(V5.6.19)をインストールし、ローカルにWPを設置しました。
    社内LANの別のPCからも閲覧できるように、WPのアドレスもXAMPPをインストールしたPCのIPアドレスに設定し、無事に複数PCから閲覧できる状態になっています。
    ここまでは問題なく設置できたのですが、いざ公開したものを見てみると少々表示が崩れます。
    まったくCSSが反映されていない状態のように、真っ白の画面に文字が羅列されているといった状態ではなく、ところどころが崩れている状態です。
    ただし、公開したものではなく、カスタマイザーなどで閲覧すると意図した状態で表示され、崩れも見られません。
    メニュー部分がオンカーソルでツリー表示になるテーマなのですが、カスタマイザーではきちんとツリーになるものの、公開したものではカーソルを乗せてもメニューが出ません。
    管理画面にログインしダッシュボード内に入ると、ページ上部の管理バーにあるWPのロゴマークや、家のマーク、吹き出しのマークなど画像も見れるのですが、公開画面ですと、管理バーのWPロゴマークなど、すべて消えている状態です。
    CSSファイルへのパスなど、見ても特におかしいところは見受けられずいろいろ調べてみましたがどうにも解決できない状態です。
    ちなみにテーマはどのテーマを使用しても、公開画面では崩れています。
    ブラウザはIE11です。
    プラグインの停止などは試しましたが同じ状態でした。

    何か心当たりのある方がいらっしゃれば幸いです。
    どうぞよろしくお願いいたします。

9件の返信を表示中 - 1 - 9件目 (全9件中)
  • Webブラウザーの「要素の詳細を見る」や「開発者ツール」を使って、正常時と異常時のスタイルの付き方を比べてはどうでしょう。

    トピック投稿者 amskmg

    (@amskmg)

    gblsm様、ご回答いただきありがとうございました。
    見比べてみたところ、特におかしなところが見られず解決策がない状態です。
    もう一度WPを削除して、データベースも削除し、一から作り直してみたのですが、インストール直後でもダッシュボード内と公開画面ではすでに管理バーの状態に差異がありますのでCSSうんぬんではないのかもしれません。

    確認済みと思いますが念のため、具体的な情報を見ていきませんか。思いついたのは次のような点です。

    1. XAMPPのApacheの設定(例:80ではない等)
    2. XAMPPを入れたPCのファイアウォール設定
    3. WordPressのバージョン(最新は4.5.2)
    4. テーマ(Twenty Sixteenでも発生する)
    5. ブラウザー(IE11以外では?)

    構築時のサイトURL127.0.0.1をローカルIPアドレスに変更する際にデータベースを書き換えてないんじゃないですか
    https://wpdocs.osdn.jp/WordPress_%E3%81%AE%E5%BC%95%E8%B6%8A%E3%81%97#.E3.83.89.E3.83.A1.E3.82.A4.E3.83.B3.E5.90.8D.E3.81.BE.E3.81.9F.E3.81.AFURL.E3.82.92.E5.A4.89.E6.9B.B4.E3.81.99.E3.82.8B.E3.81.A8.E3.81.8D

    トピック投稿者 amskmg

    (@amskmg)

    gblsm様

    お世話になっております。返信が遅れて申し訳ありません。
    1.XAMPPのApacheの設定はポート80で設定しています。
    2.XAMPPを入れたPCのファイアウォールも、Apache HTTP Serverにチェックを入れました。
    3.WordPressのバージョンは最新バージョンを使用しています。
    4.テーマ(Twenty Sixteen)でも同様の現象が発生します。
    5.他のブラウザは、社内PCにインストールできない為確認ができていない状態です。

    npssl様

    ご回答ありがとうございます。返信が遅れて申し訳ありません。
    データベースを作成する際、http://localhost/phpmyadmin/ではなく、http://XAMPPを入れたPCのIPアドレス/phpmyadmin/でアクセスし、そこからデータベースを作成して、特権もhost nameをXAMPPを入れたPCのIPアドレスで設定しているのですが、更に何らかのデータベースの書き換えが必要ということになりますでしょうか?

    どのテーマでも崩れる、プラグインを停止しても同じ、ということなのでWebブラウザーまたは社内LANに依存している可能性が高いと思います。社内LAN依存というのは例えばhttp proxyが入っているなどです。IE11自体の設定をいろいろ変えて確かめてみてはどうでしょう。

    >WPのアドレスもXAMPPをインストールしたPCのIPアドレスに設定し
    ダッシュボード>設定>WordPress アドレス (URL)
    ダッシュボード>設定>サイトアドレス (URL)
    サイトを構築した後に、この箇所を変更しているんですよね?

    WordPressのサイトを構築した時のURL(IPアドレス)をPCのIPアドレスに設定したということは
    ドメインを変更した場合と同様にMySQLのデータの書き換えが必用になります。

    phpMyAdminのURL設定やMySQLサーバの場所とは別の問題です。

    トピック投稿者 amskmg

    (@amskmg)

    gblsm様
    お世話になっております。ご回答ありがとうございます。
    IEのLANの設定を確認したところ、確かに「LANにプロキシサーバーを使用する」にチェックが入っており、アドレスにもポートにも入力されておりました。
    プロキシ周辺に明るくないので時間がかかりそうですが色々調べて変えてみます。

    npssl様
    お世話になっております。ご回答ありがとうございます。
    ダッシュボード>設定>WordPress アドレス (URL)
    ダッシュボード>設定>サイトアドレス (URL)
    ここはインストール後から、「http://XAMPPをインストールしたPCのIPアドレス/wordpress」となっているので、構築後には変更はしていません。
    インストールする際のデータベースのホスト名を入れる箇所に、XAMPPをインストールしたPCのIPアドレスを入れています。
    MySQLのデータの書き換えも、調べてみます。

    トピック投稿者 amskmg

    (@amskmg)

    お世話になっております。

    色々と試したところ、ブラウザの互換性の問題ということが判明し、互換性表示させないmetaタグを記載したところ、正常に表示されるようになりました。

    色々とお力添えいただきまして、本当にありがとうございました。

9件の返信を表示中 - 1 - 9件目 (全9件中)
  • トピック「ローカル設置のWPで表示の崩れ」には新たに返信することはできません。