Un utente ha chiesto informazioni su SVG Support di Wordpress

SVG non visualizzato sul file multimediale o sul front-end

Un utente ha chiesto 👇

Ciao!

Ho caricato il plug-in utilizzando Firefox, utilizzo Chrome sul mio laptop e non ci sono più. Ho anche ricevuto un assegno di amicizia e anche lei non vede l’intestazione su Edge.

Mi sono perso qualcosa durante la configurazione del plugin? Sto usando il tema DIVI.

Grazie mille

Carlotta

Autore del plugin

(@benbodhi)

2 anni, 7 mesi fa

Ciao,

Il mio plugin funziona alla grande con Divi.

Tuttavia, ho questo nel mio tema CSS per assicurarmi che le immagini SVG siano sempre visualizzate poiché a volte possono essere visualizzate a 0px perché gli SVG non sono realmente immagini:

.et_pb_image img { width: 100%; }

Ho anche notato che potresti utilizzare la funzione “Force Inline” del mio plug-in, che è raramente richiesta o consigliata. Divi non ha bisogno … E potrebbe anche creare problemi. Quindi prova a eliminare anche quello.

Riesco a vedere tutto il contenuto nelle tue intestazioni, ha solo uno sfondo bianco / trasparente con testo bianco su di esso. Non so esattamente quale impatto avrebbe questo, ma non si sa mai. Prova queste 2 cose e fammi sapere.

Lanciatore di thread

(@fandrdesigns)

2 anni, 7 mesi fa

Grazie Benbodhi per la tua risposta super veloce! ok ho fatto i 2 punti che hai menzionato e tuttavia non sono contento!

Ho aperto Firefox e hanno funzionato tutti perfettamente! quindi è una questione per il browser, potresti aggiustarlo?

Grazie ancora 🙂

Autore del plugin

(@benbodhi)

2 anni, 7 mesi fa

Credo che il problema che hai è che stai usando i file SVG come immagini di sfondo in CSS e non sono veri file SVG, sono solo incorporati in PNG o JPG.

Li convertirò in PNG o JPG per gli sfondi poiché non sono comunque vettori.

Inoltre, ad eccezione del web, sono davvero enormi. Ciò pone molti problemi con il caricamento. Solo l’immagine di notizie e recensioni supera i 3MB: O.

PS. È una parte interessante che stai costruendo 🙂

Lanciatore di thread

(@fandrdesigns)

2 anni, 7 mesi fa

Grazie Benbodhi, sì hai ragione sono immagini di sfondo ma il testo esce vagamente in png e jpg, tutti dicevano usa svg?!? Voglio solo dargli uno sguardo wow se capisci cosa intendo?

Autore del plugin

(@benbodhi)

2 anni, 7 mesi fa

Lo capisco di sicuro.

Ma non utilizzerai vettori reali fintanto che non ci sono immagini raster all’interno dell’SVG. Il formato SVG non è utilizzato anche se contengono immagini raster poiché non verranno ridimensionate affatto e ti daranno strani risultati come hai trovato.

SVG è ideale per icone, loghi, semplici elementi di sfondo e cose del genere, per consentire una qualità scalabile e file di piccole dimensioni. In questo caso, penso che la regola “usa SVG” ti abbia un po ‘fuorviato. Tuttavia, puoi usare SVG solo per il testo, simile a un’opzione che spiegherò in seguito.

Dovresti essere in grado di salvare le immagini in testo come PNG senza perdere la qualità, a condizione che siano della dimensione giusta. E salva gli sfondi in stile foto solo come JPG per salvare le dimensioni del file. (salva sempre sul web).

Allo stato attuale, le immagini sono comunque troppo grandi per essere caricate correttamente, quindi è necessario ridurre le dimensioni del file indipendentemente dalla loro qualità.

Ad essere onesti, aggiusterei il modo in cui lo implementi, ma potrebbe diventare un po ‘tecnico. Quello che stai cercando di ottenere è un effetto piuttosto tecnico.

È possibile utilizzare sfondi JPG / PNG raster (solo immagine) che si traducono verso l’esterno e inserire gli elementi di testo (o solo SVG con testo di contorno) nel contrassegno separato. Basta impostare le classi / ID sul nuovo elemento di testo div / SVG e mostrarli / nasconderli insieme allo sfondo corretto.

Questo sarà un ulteriore vantaggio se il testo viene cercato anche per SEO.
Questo è l’approccio che adotterei personalmente.

—–

Ora, un titolo per questi thread dice che l’SVG è “SVG non visualizzato sul file multimediale o sul front-end”.

Sei in grado di caricare un SVG corretto per il test, per favore?
Eccone uno che so che è pronto per il caricamento: https://www.dropbox.com/s/qq9nx5ys9oyqqqd/mrbill-sample-pack-15_min.svg?dl=0

Autore del plugin

(@benbodhi)

2 anni, 7 mesi fa

Ciao,

Contrassegnerò questo thread come risolto poiché il problema in questione non è un tuo problema.

L’aiuto è qui se ne hai ancora bisogno.

Was this helpful?

0 / 0

Lascia un commento 0

Your email address will not be published. Required fields are marked *