Como permitir suporte SVG no WordPress

Você está querendo fazer upload de imagens SVG para o seu site WordPress? Por padrão, o WordPress não permite o upload de arquivos SVG por meio do uploader de mídia. Neste artigo, mostramos como permitir que uma imagem SVG seja carregada no WordPress.

SVG (Scalable Vector Graphics) define gráficos baseados em vetor no formato XML. Em outras palavras, o SVG define os gráficos no formato XML. Os gráficos dos arquivos SVG NÃO perdem qualidade se forem ampliados ou redimensionados. Além disso, o tamanho do arquivo SVG é pequeno e, portanto, eles são populares hoje em dia.

Quando se trata de WordPress, se você tentar fazer upload de uma imagem SVG do carregador de mídia, obterá o erro ‘Desculpe, este tipo de arquivo não é permitido por razões de segurança’.

Isso ocorre porque o tipo MIME SVG não é adicionado aos tipos MIME padrão permitidos para upload para o WordPress. Para obter a lista de todos os tipos de MIME padrão, pode-se usar o método get_allowed_mime_types(). Esta função retorna a matriz de tipos MIME.

Dito isso, vamos ver como adicionar suporte WordPress para arquivo SVG.

Permitir upload de arquivo SVG

Para adicionar suporte para imagem SVG, usamos o filtro upload_mimesque permite alterar a lista de extensões de arquivo aceitáveis ​​do WordPress. A extensão dos arquivos SVG é ‘image / svg + xml’. Portanto, você precisa colocar o código abaixo em seu arquivo functions.php.

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

Ao usar o upload_mimesfiltro, também podemos restringir o formato de arquivo específico para upload no WordPress. Digamos que não queremos permitir arquivos mp4. Nesse caso, devemos adicionar o código abaixo no arquivo functions.php.

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

Portanto, ao adicionar o pequeno trecho de código acima, você permitirá o upload de imagens SVG em uma biblioteca de mídia. No entanto, após fazer o upload do SVG, se você for para a página de listagem, não verá a impressão da miniatura do seu arquivo SVG.

Para exibir a miniatura SVG na página de listagem, precisamos adicionar uma regra CSS que pode se conectar ao painel do 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' );

Depois de adicionar o código acima em seu arquivo functions.php, você verá a miniatura SVG.

Artigos relacionados

• Faça upload de arquivos programaticamente no WordPress
• Carregar imagem usando a biblioteca à prova de balas em PHP
• Como alterar o logotipo do WordPress na página de login