トイレのうず

MAMP上のWordPressでページ遷移ができない

当記事はアフィリエイト広告を掲載しています。

「 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 が摘要された

関連記事

WordPress 3.9 のエラーと MAMP のアップデートのメモ
WordPressMac
エラー: 予期しない出力により Cookies がブロックされました。ヘルプが必要な場合はこちらのドキュメンテーションを読むか、サポートフォーラムをご利用ください。
MAMP で WordPress をローカル環境にインストール
WordPressMac
MAMP 許諾画面
WordPress のドメイン変更では直接 SQL で置換しない方がいい
WordPress
Search Replace DBの画面
Picasa and Google Plus Express で画像の挿入ができなくなった
WordPress
thumbnail
【 WorsPress 】 Twitter Tools で新規投稿を通知できない?
WordPressWebサービス
thumbnail
WordPress に WT 形式のファイルがインポートできない
WordPress
thumbnail