1 e più modi per includere SVG nel vostro tema per WordPress

CSS

Oggi vediamo 1 e più modi per includere in modo semplice un file svg tramite codice php in WordPress, noterete che ci varie metodologie.

Includere SVG tramite wp_remote_get

Con wp_remote_get è possibile andare a stabilire quale file richiamare, è una funzione di serie in WordPress. Qui un esempio di inclusione


Grazie a questo codice sarà possibile fare un output del codice HTML contenuto nel file SVG.

Se volete cambiare colore o ridimensionare l’icona o comunque il file SVG, potete inserire nel vostro file CSS un esempio come questo

Personalmente lo trovo il miglior metodo per includere un file SVG.

✅ permette di poter manipolare il codice prima di un output tramite PHP con funzioni avanzate

✅ permette di cambiare colore al file tramite CSS

🚫 per poter cambiare colore tramite CSS va eliminato dal file SVG il parametro fill in html

Includere SVG come immagine

Se invece volete includere una SVG come immagine il codice sarà il seguente

Con questa tecnica ci sono dei vantaggi ma anche degli svantaggi.

✅ possibilità di gestire una SVG come immagine

🚫 non è possibile cambiare il colore del file SVG tramite CSS

Lascia un commento

Il tuo indirizzo email non sarà pubblicato.