Web Design Leaves

MAMP の設定

以下はこの例の MAMP の設定です。

Web Server : Apache

Apache Port : 80

この例ではポートは 80 を使用しているので、URL にポートの指定は不要ですが、80 以外を使用している場合はポートの指定が必要になります。

Document root : Application > MAMP > htdocs （デフォルト）

Mac の接続先 Wi-Fi と IP アドレスを確認

「システム設定」→「Wi-Fi」 で接続している Wi-Fi を確認します（以下の場合は Buffalo-A-009E）。

「詳細」をクリックします。

左側の「TCP/IP」を選択して IP アドレスを確認します。

この IP アドレス（この例の場合は 192.168.11.4）を使って、スマホ（iPhone）から PC（Mac）のサイトを表示します。

iPhone で同じ Wi-Fi に接続

iPhone で同じ Wi-Fi（この例の場合は Buffalo-A-009E）に接続されていることを確認します。

※異なっていれば PC（Mac）と同じ Wi-Fi に接続します。

をクリックして iPhone の IP アドレスを確認することができますが、特に必要はありません（当然ですが、Mac と iPhone には異なる IP アドレスが付与されています）。

WordPress のサイトにアクセス

静的なサイトの場合、上記のように同じ Wi-Fi に接続すればアクセスできますが、WordPress の場合、それだけではアクセスできないようです。

例えば、Mac で http://localhost/foo/ で WordPress のサイトにアクセスする場合、

iPhone で http://192.168.11.4/foo/ で WordPress のサイトのトップページにアクセスできる場合もありますが、CSS などが適用されていないなど正しく表示されません。

または、「サーバーに接続できなかったため、ページを開けません」となってしまい表示できません。

// IP アドレスや foo の部分は環境に合わせて変更します
define('WP_HOME', 'http://192.168.11.4/foo');
define('WP_SITEURL', 'http://192.168.11.4/foo');