Habilitar la Carga de Archivos SVG en WordPress

En esta publicación, vamos a explorar un snippet de código que permite a los usuarios de WordPress cargar archivos SVG (Scalable Vector Graphics) en la biblioteca de medios. Por defecto, WordPress no permite la carga de archivos SVG debido a preocupaciones de seguridad. Sin embargo, con este snippet, podrás habilitar esta funcionalidad de manera segura y efectiva.

Código del Snippet

Aquí tienes el snippet que habilita la carga de archivos SVG en WordPress:

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

 

Cómo Funciona

Este snippet funciona al modificar los tipos MIME permitidos para la carga de archivos en WordPress. Utiliza el filtro upload_mimes para añadir el tipo MIME image/svg+xml asociado con archivos SVG.

  1. La función acepta_svg toma un array $svgs como argumento, que contiene los tipos MIME permitidos.
  2. Añade un nuevo elemento al array con la clave 'svg' y el valor 'image/svg+xml'.
  3. Devuelve el array modificado.

Casos de Uso del Snippet

Diseñadores Gráficos

Si eres un diseñador gráfico que trabaja con gráficos vectoriales, este snippet te será muy útil. Podrás cargar tus diseños en SVG directamente en la biblioteca de medios de WordPress.

Desarrolladores Web

Para los desarrolladores que necesitan implementar iconos o ilustraciones en SVG en un sitio web, este snippet elimina la necesidad de utilizar métodos alternativos para cargar estos archivos.

Blogs y Sitios de Contenido

Si tienes un blog o un sitio web donde la calidad de las imágenes es crucial, los archivos SVG son una excelente opción debido a su escalabilidad sin pérdida de calidad.

Consideraciones de Seguridad

Es importante tener en cuenta que la habilitación de la carga de archivos SVG puede exponer tu sitio web a ciertos riesgos de seguridad si no se maneja adecuadamente. Asegúrate de que solo usuarios de confianza tengan la capacidad de cargar archivos SVG.

Conclusión

Habilitar la carga de archivos SVG en WordPress es un proceso simple pero efectivo con este snippet. No solo facilita la vida de los diseñadores gráficos y desarrolladores web, sino que también mejora la calidad visual de cualquier sitio web. Sin embargo, siempre es crucial tener en cuenta las implicaciones de seguridad al modificar las capacidades de carga de archivos de tu sitio web.

¡Más Snippets, Más Opciones!

Al compartir, motivamos a más desarrolladores a contribuir. Ayúdanos a hacer de este directorio un punto de referencia en snippets.

Facebook
Twitter
LinkedIn
Telegram
WhatsApp

¿Cómo implementar este snippet en la web?

Tienes 2 opciones, una de ellas es mediante plugin y la otra pegando el código en tu web.

1. Añadir snippet con plugin

code-snippets

Code Snippets

Por Code Snippets Pro

  1. Descarga el plugin o búscalo en el repositorio de plugins de Wordpress e instálalo en tu web.
  2. En el menú lateral del Escritorio verás un nuevo enlace (Fragmetos de código). Ves a Fragmentos de código > Añadir nuevo.
  3. Se abrirá una página con un título, bloque de código, descripción y etiquetas, rellena el título con el que quieras guardarlo, ejemplo: Añadir Google Analytics.
  4. En la parte código verás que está activo PHP, ahí pega el código del snippet
  5. La descripción y las etiquetas solo son para tu información y para que luego encuentres más fácil los snippets.
  6. Publicar y activar el snippet.

2. Añadir snippet en el functions.php

Diseño web con WordPress

Accede al archivo functions.php de tu tema o tema hijo, pega el snippet y guarda el archivo.

Lo encontrarás en Apariencia > Editor de archivos de tema, pinchas sobre el enlace  functions.php y pegas el código al final del archivo.

Relacionados: