LANかWAＮどちらからの接続しかつながらない

root
(@root1234)

9年、 7ヶ月前

環境
wordpress 4.7.2
ubuntu 16.04
Apache/2.4.18
MYSQL 5.7.17-
PHP 7.0.15
ローカルIP192.168.0.20　80ポート転送設定済
ドメイン　root-s.xyz　AレコードでグローバルIP設定済
設定→一般設定の項目
WordPress アドレス (URL) http://192.168.0.20
サイトアドレス (URL) http://192.168.0.20

問題の現象
現在のWordPress アドレス (URL)サイトアドレス (URL)の設定だとLANでは192.168.0.20でページを正常に見ることができるのですがWANでroot-s.xyzにつなげると表示が遅くCSSが反映されてないような変な表示になってしまいます。
WordPress アドレス (URL)サイトアドレス (URL)をroot-s.xyzに変えてみると逆にLANではCSSがない表示、WANだと正常な表示になります。

希望現象
LANで192.168.20で接続すると正常な表示。WANでroot-s.xyzで接続すると正常な表示。

解決方法をご存じの方がいましたご教示お願いします。
検証で必要であればhttp://root-s.xyzでCSSが

3件の返信を表示中 - 1 - 3件目 (全3件中)

Ortac
(@ortac)

9年、 7ヶ月前

WordPressをローカルIPで設定すると現在のような状態になるのは当然です。
WordPress アドレス (URL)、サイトアドレス (URL)共にhttp://ドメインで設定してください。
尚、この問題とWordPressは一切関係ありませんので、この問題に関してここでこれ以上のご質問はお控え頂いたほうが無難かと思われます。
munyagu
(@munyagu)

9年、 7ヶ月前
こんにちは

サイトアドレスを192.168.0.20にしているときにroot-s.xyzで接続すると、CSSのパスなどが
http://192.168.0.20/wp-content/themes/twentyseventeen/style.css?ver=4.7.2
などとなってしまい、私の環境などからは当然そのcssを読み込むことができません。

逆に、サイトアドレスをroot-s.xyzにしているときに192.168.0.20で接続すると、
http://root-s.xyz/wp-content/themes/twentyseventeen/style.css?ver=4.7.2
となります。

両方のURLで接続できる環境（192.168.0.20と同じネットワークでWANも接続できる）ですと、正しく表示できると思います。
どちらか一方しか接続できない環境ですと、正しく表示できません。

静的HTMLなどで全て相対パスかルートからのパスで指定しているとどちらからも正しく表示できると思いますが、WordPressの標準的なパス指定を使ったテーマでは絶対パスでの指定になるので、このようになります。
- この返信は9年、 7ヶ月前にmunyaguが編集しました。
shoyan
(@yamasaki)

9年、 7ヶ月前

サイトを拝見したところcssの読み込みURLが以下のようになっていました。

* http://192.168.0.20/wp-content/themes/twentyseventeen/style.css?ver=4.7.2

WordPressはデータベースでURLを管理しています。
WordPressの管理画面で「設定 > 一般設定」の WordPress アドレス (URL)とサイトアドレス (URL)が http://192.168.0.20/に設定されているかと思われます。
http://root-s.xyz/ に変更するとCSSが読み込めるようになるかと思います。

> 希望現象
> LANで192.168.20で接続すると正常な表示。WANでroot-s.xyzで接続すると正常な表示。

データベースを分けるのが良いと思います。

データベースを分けるのが難しい場合は、hostsファイルで切り替えることもできます。
サイトのアドレスはroot-s.xyzとした上で、PCのhostsファイルに192.168.0.20を指定します。
そうすることでroot-s.xyzにアクセスすると実際のアクセスは192.168.0.20にいきます。
WANを参照するときはhostsファイルの設定を解除することをお忘れなく。