Kehitän verkkosivustoa, joka käyttää wamps-palvelinta localhostissa, ja yritän tarkastella sivustoani mobiililaitteella paikallisverkossani.
Muutin kotisivun ja sivuston URL-osoitteen kohdassa Settings > General arvosta
Vastaanottaja
Käytin samettiblues URL -laajennusta myös päivittäessäni kuviani jne. localhostista ip: hen.
Kaikki sivustossani olevat kuvani näkyvät mobiililaitteissa paitsi etusivun taustarivikuvat. Olen tarkistanut URL-osoitteen kromikehittäjien työkaluissa ja URL-polku on sama kuin näytettävät kuvat. Olen hämmentynyt siitä, miten edetä.
Kaikki apu olisi hienoa.
Kommentit
- Että ' s outoa. Tarkoitat siis, että URL-osoitteet ovat kelvollisia, mutta eivät näy?
- Joo. Tarkistin URL-polun ja se on sama. Ainoa ero olen Voidaan nähdä, että näytettävät kuvat ovat img-tunnisteita ja ne, jotka eivät näy, ovat taustakuvia, eli ne näytetään < img src = " ip / site / wordpress / wp-content / uploads / 2017/06 / image.jpg " >, mutta ei näy, ovat taustakuva: url ( ip / site / wordpress / wp-content / uploads / 2017/06 / image. JPG ). Voisiko taustakuva aiheuttaa ongelmia, vaikka URL-osoite olisi oikein? Kiitos.
Vastaa
Suhteelliset polut toimivat eri tavalla, kun niitä käytetään CSS-tiedostossa. Käyttäytyminen on edelleen sama ja polku on edelleen suhteellinen, mutta ihmiselle se saattaa tuntua hämmentävältä.
Kun käytät tällaista polkua kuvallesi:
<img src="/path/image.jpg"/> Selain etsii path -kansio, joka sijaitsee nykyisen verkon juuressa. Mutta kun käytät samaa arvoa CSS: ssä:
background-image: url( "/path/image.jpg" ); Tarina on erilainen. Selain etsii kansiota path sen mukaan, missä tyylitaulukko sijaitsee, ei nykyisen URL-osoitteen perusteella. Joten, jos tyylitaulukko sijaitsee osoitteessa:
www.example.com/wp-content/themes/twentyseven/ Sitten selain etsii:
www.example.com/wp-content/themes/twentyseven/path/image.jpg Mitä ei ole. Joten on tärkeää rakentaa CSS-polkusi suhteessa tyylitaulukon polkuun.
Selvitä asia tarkemmin katsomalla täällä .
kommentit
- vain selventääksesi: jos taustakuvan URL-osoite ( ip / site / wordpress / wp-content / uploads / 2017/06 / image.jpg ) ja tyylisivuni on kohdassa C: \ wamp64 \ www \ site \ wordpress \ wp-content \ themes \ theme \ style.css minun täytyy luoda tiedostopolku C: \ wamp64 \ www \ site \ wordpress \ wp-content \ themes \ theme \ site \ wordpress \ wp-content \ uploads \ 2017 \ 06 \ image.jpg ?
- Ei. Kirjoita ensin
ip/site/wordpress/wp-content/uploads/2017/06/image.jpgselaimeesi ja tarkista, avautuuko se. Jos se avautui, kannattaa ehkä kääri URL-osoite''kutenbackground-image url('URL')tai lisäähttp://ennenip. - I s ut että polku selaimessa ja se avautuu. Dev-työkaluissa sillä on http: // ennen ip: tä, mutta sitä ei ole kääritty lainausmerkkeihin. Huolimatta lainausten puutteesta, taustakuvat näkyvät paikallishost-verkkosivustollani, mutta eivät mobiililaitteissa. Kiitos.
Vastaa
Ongelma ei ollut t img src: llä tai taustakuvan URL-osoitteella, se oli en ole vielä varma miksi, mutta kun vaihdoin http.vhosts.config-tiedoston ja päivitin wamp-palvelimen ja sammutin Wampin palomuuriasetukset, kuvat ovat katseltavissa. Jos tein sen päinvastoin palomuurin ja sitten Apachen vaihdossa, kuvia ei voi katsella.