Tworzę witrynę przy użyciu serwera wampserver na hoście lokalnym i próbuję wyświetlić swoją witrynę na urządzeniu mobilnym w mojej sieci lokalnej.
Zmieniłem adres URL strony głównej i witryny w Settings > General z
Do
Użyłem także wtyczki velvet blues URL do aktualizacji moich obrazów itp. z lokalnego hosta na mój adres IP.
Wszystkie moje obrazy w mojej witrynie będą wyświetlane na urządzeniach mobilnych, z wyjątkiem obrazów wiersza tła strony głównej. Sprawdziłem adres URL w narzędziach programistów chrome, a ścieżka adresu URL jest taka sama, jak w wyświetlanych obrazach. Nie wiem, jak postępować.
Jakakolwiek pomoc byłaby świetna.
Komentarze
- Że ' jest dziwne. Masz na myśli, że adresy URL są prawidłowe, ale nie są wyświetlane?
- Tak. Sprawdziłem ścieżkę adresu URL i jest taka sama. Jedyna różnica: widać, że wyświetlane obrazy są tagami img, a te, które się nie wyświetlają, to obrazy tła, tj. wyświetlane używają < img src = " ip / site / wordpress / wp-content / uploads / 2017/06 / image.jpg " >, ale nie są wyświetlane, to background-image: url ( ip / site / wordpress / wp-content / uploads / 2017/06 / image. jpg ). Czy obraz tła może powodować problem, nawet jeśli adres URL jest prawidłowy? Dziękujemy.
Odpowiedz
Względne ścieżki działają inaczej, gdy są używane w pliku CSS. Zachowanie jest nadal takie samo, a ścieżka jest nadal względna, ale dla człowieka może wydawać się zagmatwana.
Jeśli używasz takiej ścieżki dla swojego obrazu:
<img src="/path/image.jpg"/> Przeglądarka zajrzy do path folder, znajdujący się w katalogu głównym bieżącej sieci. Ale kiedy użyjesz tej samej wartości w swoim CSS:
background-image: url( "/path/image.jpg" ); Historia jest inna. Przeglądarka zajrzy do folderu path na podstawie lokalizacji arkusza stylów , a nie bieżącego adresu URL. Tak więc, jeśli arkusz stylów znajduje się pod adresem:
www.example.com/wp-content/themes/twentyseven/ Następnie przeglądarka wyszuka:
www.example.com/wp-content/themes/twentyseven/path/image.jpg Który nie istnieje. Dlatego ważne jest, aby utworzyć ścieżki CSS w odniesieniu do ścieżki arkusza stylów.
Aby uzyskać więcej informacji, zajrzyj na stronę tutaj .
Komentarze
- Dla wyjaśnienia: jeśli adres URL obrazu tła ( ip / site / wordpress / wp-content / uploads / 2017/06 / image.jpg ), a mój arkusz stylów to C: \ wamp64 \ www \ site \ wordpress \ wp-content \ motywy \ theme \ style.css czy muszę utworzyć ścieżkę do pliku C: \ wamp64 \ www \ site \ wordpress \ wp-content \ themes \ theme \ site \ wordpress \ wp-content \ uploads \ 2017 \ 06 \ image.jpg ?
- Nie. Najpierw wpisz w przeglądarce
ip/site/wordpress/wp-content/uploads/2017/06/image.jpgi zobacz, czy się otworzy. Jeśli tak, możesz umieścić adres URL w jakbackground-image url('URL')lub dodajhttp://przedip. - I p po tej ścieżce w przeglądarce i otwiera się. W narzędziach deweloperskich ma http: // przed ip, ale nie jest zawijany w cudzysłów. Pomimo braku cytatów, obrazy tła wyświetlają się na mojej stronie z lokalnym serwerem, ale nie na urządzeniach mobilnych. Dzięki.
Odpowiedź
Problem nie dotyczył adresu URL img src ani obrazka tła. z Apache i firewallem. Nadal nie jestem pewien dlaczego, ale kiedy zmieniłem plik http.vhosts.config i odświeżyłem serwer WAMP, a następnie wyłączyłem ustawienia zapory sieciowej dla Wampa, obrazy są widoczne. Gdybym zrobił to na odwrót, zmieniając zaporę, a potem Apache, obrazy nie byłyby widoczne.