{"id":26473,"date":"2021-04-25T13:52:00","date_gmt":"2021-04-25T10:52:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=26473"},"modified":"2021-10-18T04:21:46","modified_gmt":"2021-10-18T01:21:46","slug":"como-permitir-suporte-svg-no-wordpress","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/pt-pt\/como-permitir-suporte-svg-no-wordpress\/","title":{"rendered":"Como permitir suporte SVG no WordPress"},"content":{"rendered":"

Voc\u00ea est\u00e1 querendo fazer upload de imagens SVG para o seu site WordPress? Por padr\u00e3o, o WordPress n\u00e3o permite o upload de arquivos SVG por meio do uploader de m\u00eddia. Neste artigo, mostramos como permitir que uma imagem SVG seja carregada no WordPress.<\/p>\n

SVG (Scalable Vector Graphics) define gr\u00e1ficos baseados em vetor no formato XML. Em outras palavras, o SVG define os gr\u00e1ficos no formato XML. Os gr\u00e1ficos dos arquivos SVG N\u00c3O perdem qualidade se forem ampliados ou redimensionados. Al\u00e9m disso, o tamanho do arquivo SVG \u00e9 pequeno e, portanto, eles s\u00e3o populares hoje em dia.<\/p>\n

Quando se trata de WordPress, se voc\u00ea tentar fazer upload de uma imagem SVG do carregador de m\u00eddia, obter\u00e1 o erro ‘Desculpe, este tipo de arquivo n\u00e3o \u00e9 permitido por raz\u00f5es de seguran\u00e7a’.<\/p>\n

\"Como<\/a><\/p>\n

Isso ocorre porque o tipo MIME SVG n\u00e3o \u00e9 adicionado aos tipos MIME padr\u00e3o permitidos para upload para o WordPress. Para obter a lista de todos os tipos de MIME padr\u00e3o, pode-se usar o m\u00e9todo get_allowed_mime_types()<\/code>. Esta fun\u00e7\u00e3o retorna a matriz de tipos MIME.<\/p>\n

Dito isso, vamos ver como adicionar suporte WordPress para arquivo SVG.<\/p>\n

Permitir upload de arquivo SVG<\/h3>\n

Para adicionar suporte para imagem SVG, usamos o filtro upload_mimes<\/code>que permite alterar a lista de extens\u00f5es de arquivo aceit\u00e1veis \u200b\u200bdo WordPress. A extens\u00e3o dos arquivos SVG \u00e9 ‘image \/ svg + xml’. Portanto, voc\u00ea precisa colocar o c\u00f3digo abaixo em seu arquivo functions.php.<\/p>\n

function add_svg_mime_types($mimes) {\n\u00a0\u00a0\u00a0\u00a0$mimes['svg'] = 'image\/svg+xml';\n\u00a0\u00a0\u00a0\u00a0return $mimes;\n}\nadd_filter('upload_mimes', 'add_svg_mime_types');<\/code><\/pre>\n
Ao usar o upload_mimes<\/code>filtro, tamb\u00e9m podemos restringir o formato de arquivo espec\u00edfico para upload no WordPress. Digamos que n\u00e3o queremos permitir arquivos mp4. Nesse caso, devemos adicionar o c\u00f3digo abaixo no arquivo functions.php.<\/p>\n
function remove_mime_types($mimes) {\n\u00a0\u00a0\u00a0\u00a0unset($mimes['video\/mp4']);\n}\nadd_filter('upload_mimes', 'remove_mime_types');<\/code><\/pre>\n
Portanto, ao adicionar o pequeno trecho de c\u00f3digo acima, voc\u00ea permitir\u00e1 o upload de imagens SVG em uma biblioteca de m\u00eddia. No entanto, ap\u00f3s fazer o upload do SVG, se voc\u00ea for para a p\u00e1gina de listagem, n\u00e3o ver\u00e1 a impress\u00e3o da miniatura do seu arquivo SVG.<\/p>\n
\"Como<\/a><\/p>\n
Para exibir a miniatura SVG na p\u00e1gina de listagem, precisamos adicionar uma regra CSS que pode se conectar ao painel do WordPress.<\/p>\n
function admin_custom_css() {\n\u00a0\u00a0\u00a0\u00a0echo \"<style>table.media .column-title .media-icon img[src='.svg']{\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0width: 100%;\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0height: auto;\n\u00a0\u00a0\u00a0\u00a0}<\/style>\";\n}\n\u00a0\nadd_action( 'admin_head', 'admin_custom_css' );<\/code><\/pre>\n
Depois de adicionar o c\u00f3digo acima em seu arquivo functions.php, voc\u00ea ver\u00e1 a miniatura SVG.<\/p>\n
\"Como<\/a><\/p>\n
Artigos relacionados<\/h4>\n