Dezvolt un site web folosind wampserver pe localhost și încerc să-mi văd site-ul pe mobil în rețeaua mea locală.
Am schimbat adresa URL de acasă și a site-ului în Settings > General din
To
De asemenea, am folosit plugin-ul URL de catifea albastră pentru a-mi actualiza imaginile etc. de la localhost la IP-ul meu.
Toate imaginile mele de pe site-ul meu vor fi afișate pe mobil, cu excepția imaginilor rândului de fundal al paginii de pornire. Am verificat adresa URL în instrumentele pentru dezvoltatori Chrome și calea URL este aceeași cu imaginile afișate. Sunt „pierdut” cum să procedez.
Orice ajutor ar fi extraordinar.
Comentarii
- Că ' s ciudat. Deci vrei să spui că adresele URL sunt valide, dar nu sunt afișate?
- Da. Am verificat calea adresei URL și este aceeași. Singura diferență I se poate vedea că imaginile afișate sunt etichete img, iar cele care nu sunt afișate sunt imagini de fundal, adică afișate utilizează < img src = " ip / site / wordpress / wp-content / uploads / 2017/06 / image.jpg " > dar nu sunt afișate sunt background-image: url ( ip / site / wordpress / wp-content / uploads / 2017/06 / image. jpg ). Imaginea de fundal ar putea cauza o problemă chiar dacă adresa URL este corectă? Mulțumesc.
Răspuns
Căile relative acționează diferit atunci când sunt utilizate într-un fișier CSS. Comportamentul este în continuare același și calea este încă relativ, dar pentru un om ar putea părea confuz.
Când utilizați o cale ca aceasta pentru imaginea dvs.:
<img src="/path/image.jpg"/> Browserul va arăta în interiorul path folder, situat la rădăcina web-ului curent. Dar când utilizați aceeași valoare în CSS:
background-image: url( "/path/image.jpg" ); Povestea este diferită. Browserul va privi în dosarul path, în funcție de locul în care se află foaia de stil , nu de adresa URL curentă. Deci, dacă foaia de stil se află la:
www.example.com/wp-content/themes/twentyseven/ Atunci browserul va căuta:
www.example.com/wp-content/themes/twentyseven/path/image.jpg Care nu există. Prin urmare, este important să vă construiți căile CSS în raport cu calea foii de stil.
Pentru o înțelegere suplimentară, aruncați o privire aici .
Comentarii
- Doar pentru a clarifica: dacă adresa URL a imaginii de fundal ( ip / site / wordpress / wp-content / uploads / 2017/06 / image.jpg ) și foaia mea de stil este la C: \ wamp64 \ www \ site \ wordpress \ wp-content \ themes \ theme \ style.css am nevoie pentru a crea calea fișierului C: \ wamp64 \ www \ site \ wordpress \ wp-content \ themes \ theme \ site \ wordpress \ wp-content \ uploads \ 2017 \ 06 \ image.jpg ?
- Nu. Mai întâi introduceți
ip/site/wordpress/wp-content/uploads/2017/06/image.jpgîn browserul dvs. și vedeți dacă se deschide. Dacă da, ați putea dori să înfășurați adresa URL în''cabackground-image url('URL')sau adăugațihttp://înainte deip. - I p folosiți acea cale într-un browser și se deschide. În instrumentele dev are http: // înainte de ip, dar nu este înfășurat în ghilimele. În ciuda lipsei de citate, imaginile de fundal sunt afișate pe site-ul meu localhost, dar nu pe mobil. Mulțumesc.
Răspuns
Problema nu a fost cu img src sau adresa URL a imaginii de fundal, a fost cu Apache și firewall-ul. Nu sunt încă sigur de ce, dar când am schimbat fișierul http.vhosts.config și am reîmprospătat serverul wamp și apoi am oprit setările firewall-ului pentru Wamp, imaginile sunt vizibile. Dacă am făcut-o invers, schimbând firewall-ul și apoi Apache, imaginile nu erau vizibile.