Jeg udvikler et websted ved hjælp af wampserver på localhost, og jeg prøver at se mit site på mobil på mit lokale netværk.
Jeg ændrede webadressen til hjemmet og webstedet i Settings > General fra
Til
Jeg brugte også velvet blues URL plugin til at opdatere mine billeder osv. fra localhost til min ip.
Alle mine billeder på hele mit websted vises på mobilen undtagen baggrundsrækkebilleder på startsiden. Jeg har kontrolleret URLen i værktøjer til Chrome-udviklere, og URL-stien er den samme som de billeder, der vises. Jeg er gået tabt, hvordan jeg skal fortsætte.
Enhver hjælp ville være stor.
Kommentarer
- At ' er underligt. Så du mener, at webadresserne er gyldige, men ikke vises?
- Ja. Jeg kontrollerede webadressestien, og den er den samme. Den eneste forskel jeg kan se er, at de billeder, der vises, er img-tags, og de der ikke vises er baggrundsbilleder, dvs. vises < img src = " ip / site / wordpress / wp-content / uploads / 2017/06 / image.jpg " > men ikke vises er baggrundsbillede: url ( ip / site / wordpress / wp-content / uploads / 2017/06 / image. jpg ). Kunne baggrundsbillede forårsage et problem, selvom webadressen er korrekt? Tak.
Svar
Relative stier fungerer forskelligt, når de bruges i en CSS-fil. Adfærden er stadig den samme, og stien er stadig relativ, men for et menneske kan det virke forvirrende.
Når du bruger en sti som denne til dit billede:
<img src="/path/image.jpg"/> Browseren ser inde i path -mappe, der findes i roden på det aktuelle web. Men når du bruger den samme værdi inde i din CSS:
background-image: url( "/path/image.jpg" ); Historien er anderledes. Browseren ser inde i path -mappen, baseret på hvor stylesheet er placeret, ikke den aktuelle URL. Så hvis stilarket er placeret på:
www.example.com/wp-content/themes/twentyseven/ Så vil browseren kigge efter:
www.example.com/wp-content/themes/twentyseven/path/image.jpg Hvilket ikke findes. Så det er vigtigt at opbygge dine CSS-stier i forhold til stilarkets sti.
For en yderligere forståelse skal du kigge her .
Kommentarer
- Bare for at afklare: hvis baggrundsbillede url ( ip / site / wordpress / wp-content / uploads / 2017/06 / image.jpg ) og mit stilark er på C: \ wamp64 \ www \ site \ wordpress \ wp-content \ temaer \ tema \ style.css skal jeg oprette filsti C: \ wamp64 \ www \ site \ wordpress \ wp-content \ temaer \ theme \ site \ wordpress \ wp-content \ uploads \ 2017 \ 06 \ image.jpg ?
- Nej. Indtast først
ip/site/wordpress/wp-content/uploads/2017/06/image.jpgi din browser, og se om den åbnes. Hvis den gjorde det, vil du måske indpakke URLen i''sombackground-image url('URL')eller tilføjhttp://førip. - I s ud den sti i en browser, og den åbnes. I dev-værktøjer har den http: // før ip, men den er ikke pakket med anførselstegn. På trods af manglende tilbud vises baggrundsbilleder på min lokale vært, men ikke mobil. Tak.
Svar
Problemet var ikke med img src eller baggrundsbillede url, det var med Apache og firewall. Jeg er stadig ikke sikker på hvorfor, men da jeg ændrede http.vhosts.config-filen og opdaterede wamp-serveren og derefter slukkede firewall-indstillingerne for Wamp, kan billederne ses. Hvis jeg gjorde det omvendt ved at ændre firewall og derefter Apache, kunne billederne ikke ses.