ローカル環境に構築したWordPressをスマホから確認する

ローカルでWordPressを構築していてスマホ実機で見え方を確認したい時の方法メモ。
デベロッパーツールではちゃんと動いているように見えても実機だとダメとかありがちなので、実機で確認しておきたいところです。

前提
パソコンとスマホが同じWi-Fiのネットワークに接続していること。
ローカルサーバが起動していること。

手順

① パソコン(ローカルサーバ)のIPアドレスを確認する
→Macの場合はシステム環境設定のネットワークで確認できます。

② WordPressのホームURLとサイトURLの locahost の部分をIPアドレスに変更変更する
管理画面上で変更してもよいですが、何かあったときにうっかり管理画面に入れなくなるとか面倒なので wp-config.php で上書きしたほうがよいと思います。※wp-config.php の追記を消せば元のURLに戻ります。

//IPアドレスが192.168.11.6の場合
define( 'WP_HOME', 'http://192.168.11.6/*****' );
define( 'WP_SITEURL', 'http://192.168.11.6/*****' );

③ スマホから http://192.168.11.6/***** にアクセスでサイトを確認できるようになります。