Sto sviluppando un sito Web utilizzando wampserver su localhost e sto cercando di visualizzare il mio sito su un dispositivo mobile sulla mia rete locale.
Ho cambiato la home page e lURL del sito in Settings > General da
A
Ho anche usato il plugin URL velvet blues per aggiornare le mie immagini ecc. da localhost al mio ip.
Tutte le mie immagini nel mio sito verranno visualizzate sui dispositivi mobili ad eccezione delle immagini delle righe di sfondo della home page. Ho controllato lURL negli strumenti per sviluppatori di Chrome e il percorso dellURL è lo stesso delle immagini che vengono visualizzate. Non so come procedere.
Qualsiasi aiuto sarebbe fantastico.
Commenti
- Quello ' è strano. Quindi intendi che gli URL sono validi, ma non visualizzati?
- Sì. Ho controllato il percorso dellURL ed è lo stesso. Lunica differenza io si può vedere che le immagini che vengono visualizzate sono tag img e quelle che non vengono visualizzate sono immagini di sfondo, ovvero vengono visualizzate utilizzando < img src = " ip / site / wordpress / wp-content / uploads / 2017/06 / image.jpg " > ma non sono visualizzati come immagine di sfondo: url ( ip / site / wordpress / wp-content / uploads / 2017/06 / image. jpg ). Limmagine di sfondo potrebbe causare un problema anche se lURL è corretto? Grazie.
Risposta
I percorsi relativi si comportano in modo diverso quando vengono utilizzati in un file CSS. Il comportamento è sempre lo stesso e il percorso è ancora relativo, ma a un essere umano potrebbe sembrare confuso.
Quando utilizzi un percorso come questo per la tua immagine:
<img src="/path/image.jpg"/> Il browser cercherà allinterno del path cartella, situata nella radice del web corrente. Ma quando usi lo stesso valore allinterno del tuo CSS:
background-image: url( "/path/image.jpg" ); La storia è diversa. Il browser cercherà allinterno della cartella path, in base alla posizione del foglio di stile , non allURL corrente. Quindi, se il foglio di stile si trova in:
www.example.com/wp-content/themes/twentyseven/ , il browser cercherà:
www.example.com/wp-content/themes/twentyseven/path/image.jpg Che non esiste. Quindi è importante creare i percorsi CSS relativi al percorso del foglio di stile.
Per ulteriori informazioni, dai unocchiata a qui .
Commenti
- Giusto per chiarire: if background-image url ( ip / site / wordpress / wp-content / uploads / 2017/06 / image.jpg ) e il mio foglio di stile è in C: \ wamp64 \ www \ site \ wordpress \ wp-content \ temi \ theme \ style.css devo creare il percorso del file C: \ wamp64 \ www \ site \ wordpress \ wp-content \ themes \ theme \ site \ wordpress \ wp-content \ uploads \ 2017 \ 06 \ image.jpg ?
- No. Per prima cosa inserisci
ip/site/wordpress/wp-content/uploads/2017/06/image.jpgnel tuo browser e controlla se si apre. In tal caso, potresti voler racchiudere lURL in''comebackground-image url('URL')o aggiungihttp://prima diip. - I p ut quel percorso in un browser e si apre. Negli strumenti di sviluppo ha http: // prima dellip ma non è racchiuso tra virgolette. Nonostante la mancanza di citazioni, le immagini di sfondo vengono visualizzate sul mio sito Web localhost ma non sui dispositivi mobili. Grazie.
Risposta
Il problema non era con img src o lURL dellimmagine di sfondo, era con Apache e il firewall. Non sono ancora sicuro del perché, ma quando ho modificato il file http.vhosts.config e aggiornato il server wamp e poi ho disattivato le impostazioni del firewall per Wamp, le immagini sono visualizzabili. Se ho fatto il contrario cambiando il firewall e poi Apache, le immagini “non erano visualizzabili.