fbpx

Cómo usar archivos SVG en WordPress

Cómo usar archivos SVG en WordPress

¿Te has encontrado con la necesidad de usar un archivo SVG en tu página web y no sabes cómo hacerlo? Vamos a explicarte todo lo que necesitas saber a la hora de trabajar con este tipo de formato. ¡Empecemos!

¿Qué es un archivo SVG?

SVG es un formato de archivo estándar con gráficos vectoriales basados en XML. Este formato permite generar gráficos animados, bidimensionales e interactivos, mejorando así la experiencia de usuario.

Ventajas de las imágenes en formato SVG

  • Son escalables y aun así mantienen su nitidez.
  • Son indexables por Google, lo que es genial para el SEO.
  • Pesan poco, incluso menos que las imágenes JPG o PNG.
  • Compatible con los principales navegadores.

Gracias a todas estas ventajas, el formato vectorial cada vez se usa más, además del aumento del uso de móviles y tablets y de pantallas de alta resolución. Por este motivo, es importante saber añadir archivos SVG correctamente en nuestro sitio.

¿Cómo subir archivos SVG a WordPress?

De momento, WordPress por defecto no permite subir archivos con formato SVG por razones de seguridad. Dado que se trata de un archivo de tipo XML, puede contener código malicioso y ser peligroso para tu web si se ejecuta. Para evitar esto, te recomendamos sanear correctamente los archivos SVG que quieras subir a WordPress (esto se puede hacer, por ejemplo, con un plugin).

Este es el mensaje que aparece en WordPress cuando intentas subir un archivo SVG:

Para poder subir archivos SVG a WordPress, existen dos formas de conseguirlo: usando un plugin o manualmente.

Con un plugin:

Desde aquí te recomendamos el plugin SVG Support, ya que es eficiente y sencillo de usar. Además, cuando se sube un archivo, activa automáticamente una desinfección de SVG, por lo que podemos quedarnos tranquilos respecto a la seguridad de nuestra web.
Solamente instalando y activando el plugin, ya puedes empezar a subir archivos SVG a tu WordPress.

Manualmente:

Para hacer esta opción, es importante que estés familiarizado con el lenguaje de programación PHP, ya que se va a modificar directamente un archivo de WordPress.
Estos son los pasos a seguir para activar manualmente la subida de archivos SVG a WordPress:

  1. Accede a tu web desde Filezilla o cualquier otro administrador de archivos.
  2. Entra en themes y accede a la carpeta del tema hijo. Es importante trabajar desde el tema hijo para evitar perder los cambios cuando se actualice el tema.
  3. Si dentro del tema hijo ya existe un archivo llamado functions.php, ábrelo directamente. Si no existe, debes copiar el que hay en el tema padre y pegarlo aquí.
  4. Abre el archivo functions.php y añade este código:
function add_file_types_to_uploads($file_types){
$new_filetypes = array();
$new_filetypes['svg'] = 'image/svg+xml';
$file_types = array_merge($file_types, $new_filetypes );
return $file_types;
}
add_filter('upload_mimes', 'add_file_types_to_uploads');

Guarda los cambios. ¡Ya puedes subir archivos SVG a tu WordPress!

Como ves, es muy sencillo usar SVG en WordPress, así que no lo dudes, ¡puedes empezar ya a usar este tipo de archivos para tu página web!

Etiquetas:
,
Sin comentarios

Déjanos un comentario