ローカル開発中のWordPressを同じネットワーク上にある他のデバイスで表示させると文字列しか出ないという問題がある。
ローカルでweb開発する時、開発しているデバイスだけでなく、例えば自前のスマホやパッドで開発中のコンテンツを見ることができる。
同じネットワーク上にあればの話だが、ローカルのIPアドレスがわかれば、そこに自前のスマホやパッドでアクセスすれば言い訳だ。これはレスポンシブの設定を見るのに便利だ。
ところがWordPressではcssが効かず、そればかりか画像が表示されない、という問題がある。これはWordPressの仕組みによっている。
ではどうしたら良いか？
開発中のWordPressで以下の設定をすれば、一応解決する。
ダッシュボード ＞ 設定 ＞ 一般 で
WordPress アドレス(URL) http://localhost/wordpress
サイトアドレス(URL) http://localhost/wordpress
のlocalhostの部分をローカルアドレスに変えて「変更を保存」する。
こうすればしっかりcssも効くし、画像も表示できる。
しかし、これには大きな問題がある。ローカルアドレスが変わった場合、開発中のWordPressにも全くアクセスできなくなってしまうことだ。
普通ローカルアドレスはDHCPによって振り分けられている場合がほとんどだからだ。
ということは固定アドレスにすれば良いということになる。いつも同じネットワーク上であれば問題がない。
しかし、いろいろなネットワークで開発をするとなるとこれも問題だ。
結論的にはスマホやパッドで確認するときのみ上記の設定をして、終了したら戻しておくというのが現実的かもしれない。
