Vyvíjím web pomocí wampserveru na localhost a snažím se zobrazit svůj web na mobilu v mé místní síti.
Změnil jsem adresu URL domova a webu v Settings > General z
To
Také jsem použil sametový bluesový URL plugin k aktualizaci mých obrázků atd. z localhost na můj ip.
Všechny mé obrázky na mém webu se budou zobrazovat v mobilních zařízeních, kromě obrázků na pozadí domovské stránky. Zkontroloval jsem adresu URL v nástrojích vývojářů chromu a cesta URL je stejná jako obrázky, které se zobrazují. Jak jsem postupoval, jsem na rozpacích.
Jakákoli pomoc by byla skvělá.
Komentáře
- To ' s divný. Myslíte tedy, že adresy URL jsou platné, ale nezobrazují se?
- Ano. Zkontroloval jsem cestu k adrese URL a je stejná. Jediný rozdíl jsem je vidět, že obrázky, které se zobrazují, jsou značky img a ty, které se nezobrazují, jsou obrázky na pozadí, tj. zobrazují se pomocí < img src = " ip / site / wordpress / wp-content / uploads / 2017/06 / image.jpg " >, ale nezobrazené, jsou background-image: url ( ip / site / wordpress / wp-content / uploads / 2017/06 / image. jpg ). Může obrázek na pozadí způsobit problém, i když je adresa URL správná? Díky.
Odpovědět
Relativní cesty působí odlišně, pokud jsou použity v souboru CSS. Chování je stále stejné a cesta je stále relativní, ale člověku by se to mohlo zdát matoucí.
Když pro svůj obrázek použijete takovou cestu:
<img src="/path/image.jpg"/> Prohlížeč se podívá dovnitř path složka umístěná v kořenovém adresáři aktuálního webu. Pokud ale ve svém CSS použijete stejnou hodnotu:
background-image: url( "/path/image.jpg" ); Příběh je jiný. Prohlížeč se podívá do složky path podle toho, kde je šablona stylů umístěna, nikoli podle aktuální adresy URL. Pokud je tedy šablona stylů umístěna na:
www.example.com/wp-content/themes/twentyseven/ Pak prohlížeč vyhledá:
www.example.com/wp-content/themes/twentyseven/path/image.jpg Který neexistuje. Je tedy důležité vytvořit cesty CSS vzhledem k cestě stylů.
Pro další pochopení se podívejte zde .
Komentáře
- Jen pro upřesnění: if URL-image url ( ip / site / wordpress / wp-content / uploads / 2017/06 / image.jpg ) a můj styl je v C: \ wamp64 \ www \ site \ wordpress \ wp-content \ themes \ theme \ style.css musím vytvořit cestu k souboru C: \ wamp64 \ www \ site \ wordpress \ wp-content \ themes \ theme \ site \ wordpress \ wp-content \ uploads \ 2017 \ 06 \ image.jpg ?
- Ne. Nejprve zadejte
ip/site/wordpress/wp-content/uploads/2017/06/image.jpgdo svého prohlížeče a zkontrolujte, zda se otevře. Pokud ano, možná budete chtít zabalit adresu URL do''jakobackground-image url('URL')nebo přidathttp://předip. - I str tuto cestu v prohlížeči a otevře se. V dev tools má http: // před ip, ale není zabalen do uvozovek. Navzdory nedostatku citací se obrázky na pozadí zobrazují na mém webu localhost, ale ne na mobilu. Děkuji.
Odpověď
Problém nebyl s img src nebo URL obrázku na pozadí, byl to s Apache a firewallem. Stále si nejsem jistý proč, ale když jsem změnil soubor http.vhosts.config a obnovil wamp server a poté vypnul nastavení firewallu pro Wamp, obrázky jsou viditelné. Pokud jsem to udělal opačně, změnil jsem firewall a pak Apache, obrázky nebyly viditelné.