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
Grazie!