Come consentire il supporto SVG in WordPress

Stai cercando di caricare immagini SVG sul tuo sito Web WordPress? WordPress per impostazione predefinita non consente di caricare file SVG tramite uploader multimediale. In questo articolo, mostriamo come consentire il caricamento dell’immagine SVG su WordPress.

SVG (Scalable Vector Graphics) definisce la grafica vettoriale in formato XML. In altre parole, SVG definisce la grafica in formato XML. La grafica dei file SVG NON ​​perde qualità se viene ingrandita o ridimensionata. Inoltre, la dimensione del file SVG è piccola e quindi sono popolari al giorno d’oggi.

Quando si tratta di WordPress, se provi a caricare un’immagine SVG dall’uploader multimediale, riceverai l’errore del tipo "Siamo spiacenti, questo tipo di file non è consentito per motivi di sicurezza.".

Questo perché il tipo MIME SVG non viene aggiunto nei tipi MIME predefiniti consentiti per il caricamento su WordPress. Per ottenere l’elenco di tutti i tipi MIME predefiniti è possibile utilizzare il metodo get_allowed_mime_types(). Questa funzione restituisce l’array dei tipi MIME.

Detto questo, vediamo come aggiungere il supporto di WordPress per il file SVG.

Consenti il ​​caricamento del file SVG

Per aggiungere il supporto per l’immagine SVG, utilizziamo il filtro upload_mimesche consente di modificare l’elenco delle estensioni di file accettabili WordPress. L’estensione dei file SVG è "image/svg+xml". Quindi, devi inserire il codice sotto nel tuo file functions.php.

function add_svg_mime_types($mimes) {
    $mimes['svg'] = 'image/svg+xml';
    return $mimes;
}
add_filter('upload_mimes', 'add_svg_mime_types');

Utilizzando il upload_mimesfiltro, possiamo anche limitare il formato di file specifico da caricare in WordPress. Diciamo che non vogliamo consentire i file mp4. In tal caso, dovremmo aggiungere il codice seguente nel file functions.php.

function remove_mime_types($mimes) {
    unset($mimes['video/mp4']);
}
add_filter('upload_mimes', 'remove_mime_types');

Quindi, aggiungendo il piccolo pezzo di codice sopra, consentirai di caricare immagini SVG in una libreria multimediale. Tuttavia, dopo aver caricato SVG se vai alla pagina dell’elenco, non vedrai l’impressione in miniatura del tuo file SVG.

Per visualizzare la miniatura SVG nella pagina dell’elenco, dobbiamo aggiungere una regola CSS che può essere agganciata alla dashboard di WordPress.

function admin_custom_css() {
    echo "<style>table.media .column-title .media-icon img[src='.svg']{
        width: 100%;
        height: auto;
    }</style>";
}
 
add_action( 'admin_head', 'admin_custom_css' );

Dopo aver aggiunto il codice sopra nel tuo file functions.php vedrai la miniatura SVG.

articoli Correlati

• Carica file a livello di codice in WordPress
• Carica l’immagine usando la libreria antiproiettile in PHP
• Come cambiare il logo di WordPress nella pagina di accesso