Jeg utvikler et nettsted ved hjelp av wampserver på localhost og prøver å se siden min på mobil på mitt lokale nettverk.
Jeg endret nettadressen til hjemmet og nettstedet i Settings > General fra
Til
Jeg brukte også URL-plugin til fløyelblues for å oppdatere bildene mine osv. fra localhost til ip-en min.
Alle bildene mine på nettstedet mitt vises på mobilen, bortsett fra bakgrunnsradebilder på hjemmesiden. Jeg har sjekket URL-en i verktøy for kromutviklere, og URL-banen er den samme som bildene som vises. Jeg er tapt som hvordan jeg skal gå frem.
Enhver hjelp vil være bra.
Kommentarer
- At ' er rart. Så du mener at nettadressene er gyldige, men ikke vises?
- Ja. Jeg sjekket nettadressestien og den er den samme. Den eneste forskjellen jeg kan se er at bildene som vises er img-koder og de som ikke vises er bakgrunnsbilder dvs. vises < img src = " ip / site / wordpress / wp-content / uploads / 2017/06 / image.jpg " > men ikke vises er bakgrunnsbilde: url ( ip / site / wordpress / wp-content / uploads / 2017/06 / image. jpg ). Kan bakgrunnsbilde forårsake et problem selv om nettadressen er riktig? Takk.
Svar
Relative baner fungerer annerledes når de brukes i en CSS-fil. Oppførselen er fortsatt den samme, og banen er fortsatt relativt, men for et menneske kan det virke forvirrende.
Når du bruker en sti som dette for bildet ditt:
<img src="/path/image.jpg"/> Nettleseren vil se inne i path -mappen, som ligger på roten til det gjeldende nettet. Men når du bruker den samme verdien i CSS:
background-image: url( "/path/image.jpg" ); Historien er annerledes. Nettleseren vil se i path -mappen, basert på hvor stilarket ligger, ikke den aktuelle URL-en. Så hvis stilarket ligger på:
www.example.com/wp-content/themes/twentyseven/ Så vil nettleseren se etter:
www.example.com/wp-content/themes/twentyseven/path/image.jpg Hvilket ikke eksisterer. Så det er viktig å bygge CSS-banene dine i forhold til stilarkets bane.
For en nærmere forståelse, se her .
Kommentarer
- Bare for å avklare: hvis bakgrunn-url ( ip / site / wordpress / wp-content / uploads / 2017/06 / image.jpg ) og stilarket mitt er på C: \ wamp64 \ www \ site \ wordpress \ wp-content \ temaer \ tema \ stil.css trenger jeg å lage filsti C: \ wamp64 \ www \ nettsted \ wordpress \ wp-innhold \ temaer \ tema \ nettsted \ wordpress \ wp-innhold \ opplastninger \ 2017 \ 06 \ image.jpg ?
- Nei. Skriv først inn
ip/site/wordpress/wp-content/uploads/2017/06/image.jpgi nettleseren din, og se om den åpnes. Hvis den gjorde det, vil du kanskje pakke inn nettadressen i''sombackground-image url('URL')eller legg tilhttp://førip. - I s ut den banen i en nettleser, og den åpnes. I dev-verktøy har den http: // før ip, men den er ikke pakket inn i anførselstegn. Til tross for mangel på anførsel vises bakgrunnsbilder på nettstedet til localhost, men ikke mobil. Takk.
Svar
Problemet var ikke med img src eller bakgrunnsbildets url, det var med Apache og brannmuren. Jeg er fortsatt ikke sikker på hvorfor, men da jeg endret http.vhosts.config-filen og oppdaterte wamp-serveren og deretter slo av brannmurinnstillingene for Wamp, kan bildene vises. Hvis jeg gjorde det motsatt om å bytte brannmur og deretter Apache, var ikke bildene synlige.