2017-01-20 9 views
0

私はワードプレスのウェブサイトを構築していますが、私はMAMP Proを通して自分のlocalhostをセットアップしました。私はiPhoneでウェブサイトを見たいと思っていましたが、話すことはできません。モバイルでlocalhostを見ることができません:

私は自分のIPアドレスをすでに見つけていて、私の電話でSafari経由でアクセスできるはずだと知っていますが、私がそのページに来ると空白の画面が表示されます。しかし、画面の一番下までスクロールすると、すべてのメニュー項目が重なっていても、私のサイトのメニューバーのHTML版のように見えます。さらに、私はすべてのリンクをクリックすることはできません、私は(スクロールから)電話から私の指を取るときにすべてが消えます。

私はいくつかの助けが大好きです。私はウェブの非デザイン面に本当に新しいです。

+1

これはapache/mamp/iOSの問題ではなく、CSSの問題のようです。 Bootstrapやその他の対応フロントエンドフレームワークに基づくWordpressテーマを使ってテストを試してみてください。 – nealio82

+0

携帯電話をコンピュータに接続し、デベロッパーツールを使用してウェブサイトを検査し、読み込まれたすべてのリソースを表示します。おそらく、リソースへのリンクに問題がありますか? – Justinas

答えて

1

MacBookのローカルホストで動作し、iOSでテストすることがよくあります。ここで私はそれをやっている。

Macでは、システム環境設定で "computer name"と表示されます。これはおそらく "my-macbook"のようなものです。 WP_HOMEとWP_SITEURLへのパスではなく、「ローカルホストのを除いて、ワードプレスで、一般的な設定と同じである必要があり

define('WP_HOME','http://my-macbook.local/projectfolder/wordpress/'); 
define('WP_SITEURL','http://my-macbook.local/projectfolder/wordpress/'); 

は、その後、あなたのWordPressのWP-config.phpファイルに移動して、これらの2行を追加します"(あなたのコンピュータ名).local"を使用しています。

wp-configファイルを保存します。 MacのWordPressからログアウトしますが、iOSのhttp://(your-computer-name).local/に接続すると、iOSで自分のサイトにアクセスできるはずです。

その後、通常の状態に戻すには、wp-config.phpに追加した2行をコメントアウトしてください。

関連する問題