Como adicionar arquivos de imagem SVG no WordPress

Pronto para dar ao seu site WordPress um upgrade gráfico incrível? Imagine um logotipo e ícones infinitamente escaláveis, com aparência impecável em qualquer dispositivo, sem pixelização ou distorção. Este guia mostra exatamente como carregar e gerenciar arquivos SVG no WordPress usando WP Media Folder, e é perfeito para qualquer pessoa, mesmo que não seja desenvolvedor.

Neste tutorial passo a passo, desembalaremos os benefícios dos arquivos SVG, por que os designers os amam e por que eles são fantásticos para o desempenho de SEO e página. Você aprenderá vários métodos fáceis de seguir para ativar o uploads SVG: usando plugins confiáveis a ajustes de código simples, além de estratégias inteligentes para manter seu site seguro.

Usaremos WP Media Folder, o poderoso plug -in de gerenciamento de mídia do Joomunitado. 

Por que os SVGs são incríveis para gráficos escaláveis

Escalabilidade - SVGs são arquivos vetoriais. Isso significa que você pode aumentar o zoom, aumentar ou diminuí -los sem perder a qualidade para logotipos, ícones ou designs responsivos.

leves e amigáveis - geralmente são menores que as imagens rasters e são XML baseadas em texto, para que os mecanismos de pesquisa possam ler os elementos -chave diretamente (texto alt, títulos, etc.).

Estilo e animação - você pode manipular SVGs via CSS ou JavaScript. Quer um efeito ou animação pairar? Fácil.

Acessibilidade - Configurado corretamente, os SVGs contêm tags e funções de texto acessíveis que os leitores de tela podem interpretar, apenas mais um motivo sólido para usá -las.

Soluções para adicionar SVGs no WordPress

O WordPress bloqueia o SVG por padrão devido a riscos de segurança (o SVG é XML, que pode incluir código malicioso), no entanto, existem três maneiras confiáveis de ativar o suporte ao SVG:

1. Use um plugin

a) WPCode + SVG Snippet

• Instale o plug -in WPCode gratuito.
• Adicione o snippet 'permitir arquivos svg' a partir da biblioteca e ative -o.
• Por padrão, apenas os administradores podem fazer upload de SVGs.

b) plug -in de suporte SVG

• Instale o "suporte SVG" via plugins> Adicionar novo, ativá -lo.
• Em suas configurações, verifique "restringir o administrador" e/ou "Ativar modo avançado" (renderização em linha, estilo CSS).
• Carregue seu SVG via mídia> Adicionar ou arrastar e soltar.

c) Outras opções :

• SVG seguro de Darrell Doyle, mais velho, mas ainda usado.
• O SVG suporta higieniza os uploads para impedir os riscos XSS/XXE.
• HappyFiles/CatFolders Adicione uploads SVG com higienização e visualizações.

2. Adicione o snippet de código às funções.php

Você pode usar o seguinte código: 

função enable_svg_upload ($ MIMES) {$ MIMES ['svg'] = 'image/svg+xml'; retornar $ MIMES; } add_filter ('upload_mimes', 'enable_svg_upload'); 

Onde: funções do tema.php (sempre cuida de um tema filho!).

Desvantagens: sem higienização por padrão - risco, a menos que seja combinado com um desinfetante. E upload limitado ao admin (você pode personalizar isso).

3. Considerações de segurança

 Svg = xml, que pode conter:

• Ataques XSS (JavaScript).
• Ataques XXE (chamadas de entidade externa).

Melhores práticas:

• Use plugins como suporte SVG, SVG Safe, HappyFiles com higienização construída.
• Sanitize através de ferramentas on -line (por exemplo, teste de desinfetante SVG de Darryll Doyle) antes de fazer o upload.
• Restrinja os uploads SVG apenas para administração ou usuários confiáveis.

WP Media Folder e por que importa para SVGs no WordPress

WP Media Folder é um poderoso gerente de biblioteca de mídia

- Estrutura de pasta/subundidade

-filtros avançados, classificação, arrastar e soltar

 - Renomear, marca d'água, substituição em massa, visualização, download

- Compatível com muitas ferramentas, como construtores de páginas, wooCommerce e wpml.

Embora a própria WP Media Folder não permita usar arquivos SVG, ela nos permitirá organizar, manter e também gerenciar qualquer tipo de arquivo, incluindo arquivos SVG.

Encerrando: eleve seu site com SVGs e WP Media Folder

Pare de lutar com pastas de mídia confusas e arquivos de imagem não otimizados. Em vez disso, desbloqueie todo o potencial dos SVGs, leves, pesquisáveis e adaptáveis, com as ferramentas de organização intuitiva da WP Media Folder. 

Seja você um criador de conteúdo, designer ou proprietário de uma pequena empresa, ele coloca uma tecnologia poderosa em suas mãos sem nenhum código. Seu site carregará mais rápido, classificará mais e ficará deslumbrante! O que você está esperando? Vá aqui e obtenha sua própria cópia.