bereitgestellt wird. Ich entwickle eine Website mit wampserver auf localhost und versuche, meine Website auf dem Handy anzuzeigen in meinem lokalen Netzwerk.
Ich habe die Home- und Site-URL in Settings > General von
bis
Ich habe auch das Velvet Blues URL-Plugin verwendet, um meine Bilder usw. von localhost auf meine IP zu aktualisieren.
Alle meine Bilder auf meiner Website werden auf Mobilgeräten angezeigt, mit Ausnahme der Hintergrundzeilenbilder auf der Startseite. Ich habe die URL in den Chrome-Entwicklertools überprüft und der URL-Pfad stimmt mit den angezeigten Bildern überein. Ich weiß nicht, wie ich vorgehen soll.
Jede Hilfe wäre großartig.
Kommentare
- Das ' ist komisch. Sie meinen also, dass die URLs gültig sind, aber nicht angezeigt werden?
- Ja. Ich habe den URL-Pfad überprüft und er ist der gleiche. Der einzige Unterschied, den ich habe Sie können sehen, dass die angezeigten Bilder img-Tags sind und diejenigen, die nicht angezeigt werden, Hintergrundbilder sind, dh mit < img src = " ip / site / wordpress / wp-content / uploads / 2017/06 / image.jpg " >, aber nicht angezeigt, sind Hintergrundbilder: url ( ip / site / wordpress / wp-content / uploads / 2017/06 / image. jpg ). Könnte das Hintergrundbild ein Problem verursachen, selbst wenn die URL korrekt ist? Danke.
Antwort
Relative Pfade verhalten sich unterschiedlich, wenn sie in einer CSS-Datei verwendet werden. Das Verhalten und der Pfad sind immer noch dasselbe ist immer noch relativ, aber für einen Menschen mag es verwirrend erscheinen.
Wenn Sie einen Pfad wie diesen für Ihr Bild verwenden:
<img src="/path/image.jpg"/> Der Browser schaut in die Ordner im Stammverzeichnis des aktuellen Webs. Wenn Sie jedoch denselben Wert in Ihrem CSS verwenden:
background-image: url( "/path/image.jpg" ); Die Geschichte ist anders. Der Browser schaut in den Ordner path, basierend darauf, wo sich das Stylesheet befindet, nicht auf der aktuellen URL. Befindet sich das Stylesheet also unter:
www.example.com/wp-content/themes/twentyseven/ Dann sucht der Browser nach:
www.example.com/wp-content/themes/twentyseven/path/image.jpg Was nicht existiert. Daher ist es wichtig, Ihre CSS-Pfade relativ zum Pfad des Stylesheets zu erstellen.
Weitere Informationen finden Sie unter hier .
Kommentare
- Nur zur Verdeutlichung: Wenn Hintergrundbild-URL ( ip / site / wordpress / wp-content / uploads / 2017/06 / image.jpg ) und mein Stylesheet befindet sich unter C: \ wamp64 \ www \ site \ wordpress \ wp-content \ Themen \ Thema \ Stil.css Muss ich den Dateipfad C: \ wamp64 \ www \ site \ wordpress \ wp-content \ themen \ theme \ site \ wordpress \ wp-content \ uploads \ 2017 \ 06 \ image.jpg erstellen ?
- Nein. Geben Sie zuerst
ip/site/wordpress/wp-content/uploads/2017/06/image.jpgin Ihren Browser ein und prüfen Sie, ob es geöffnet wird. Wenn dies der Fall ist, möchten Sie möglicherweise die URL in''wiebackground-image url('URL')oder fügen Siehttp://voriphinzu. - I p Verwenden Sie diesen Pfad in einem Browser und er wird geöffnet. In Entwicklertools hat es http: // vor der IP, aber es wird nicht in Anführungszeichen gesetzt. Trotz fehlender Zitate werden Hintergrundbilder auf meiner localhost-Website angezeigt, jedoch nicht mobil. Vielen Dank.
Antwort
Das Problem lag nicht bei der img src- oder Hintergrundbild-URL mit Apache und der Firewall. Ich bin mir immer noch nicht sicher warum, aber wenn ich die Datei http.vhosts.config geändert und den Wamp-Server aktualisiert und dann die Firewall-Einstellungen für Wamp deaktiviert habe, sind die Bilder sichtbar. Wenn ich es anders herum gemacht habe, indem ich die Firewall und dann Apache geändert habe, waren die Bilder nicht sichtbar.