ぼやき

0

「 MAMP で WordPress をローカル環境にインストール」に書いたのだけれど、ローカル環境に MAMP を使って WordPress インストールした。テーマ作成時には MAMP をインストールした Mac からしか接続していなくて気がついていなかったのだけれど、上記リンクにある方法ではローカルネットワーク上の他のデバイスから WordPress に接続はできるけれどページ遷移できなかったことに気がついた。しかもスタイルシートも適応されていない。

CSS が摘要されない

問題の原因は単純なことだった。 WordPress は他のファイルへの URL を絶対パスで書き出すため、他のデバイスから「 http://192.168.xx.xx:8888/wordpress/ 」でアクセスできても、 WordPress 内の内部リンクは 「 http://localhost:8888/wordpress/ 」で始まっているため CSS ファイルが読み込まれなかったり、ページ遷移ができなかったのだ。

そこで WordPress の内部リンクの絶対パスを変更するため WordPress の管理画面から設定を変更する。「管理画面」→「一般設定」の「 WordPress アドレス (URL) 」と「サイトアドレス (URL) 」をローカル IP アドレスに変更する。

ローカル IP アドレスを入力

ローカル IP アドレスは Mac ならば「システム環境設定」→「ネットワーク」に表示されている。

ローカル IP アドレスを確認

これでローカルネットワーク上の Windows や iPhone から MAMP の WordPress を表示することができる。 MAMP をインストールしている Mac からアクセスするときも「 http://localhost:8888/wordpress/ 」は使えないので「 http://192.168.xx.xx:8888/wordpress/ 」でアクセスすることなる。

CSS が摘要された

関連記事