Los Gráficos Vectoriales SVG (Scalable Vector Graphics) son cada vez más utilizados en páginas web, ya que son automáticamente redimensionables lo que los hace independientes de la resolución de la pantalla donde se muestran. Los archivos SVG también podemos darle animaciones y colores directamente desde nuestro archivo CSS.
Tabla de contenido
¿Qué es un archivo SVG?
Los gráficos vectoriales escalables o gráficos vectoriales redimensionables (del inglés: Scalable Vector Graphics (SVG). El formato SVG es un formato abierto, estándar y basado en XML. Aunque las primeras versiones no se podían ver en los diferentes navegadores, hoy ya es un estándar que funciona sin problemas en todos los navegadores. SVG se convirtió en una recomendación del W3C en septiembre de 2001 con lo que en estos momentos ya es admitido por todos.
Cómo Añadir SVG a WordPress
WordPress no permite este archivos por temas de seguridad ya que a los archivos XML se puede añadir código malicioso y ese es el principal motivo por el que WordPress no permite esta clase de archivos.
Para subir imágenes en formato SVG hay dos maneras de hacer. Instalando un plugin desde el repositorio de WordPress o también podemos hacerlo de una forma sencilla añadiendo funciones en nuestro tema activado.
1: Modificando el archivo functions.php
Los archivos SVG que vayamos a subir a nuestro WordPress estén creados por nosotros mismos. Así nos aseguramos al 100% de que no contengan ningún código malicioso.
Accedemos al archivo functions.php de nuestro tema actual que podemos encontrar en wp-content -> themes -> plantilla en uso y añadimos el siguiente 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');
Guardamos los cambios en el archivo y ya podremos añadir a los archivos SVG en nuestro gestor multimedia en WordPress.
2: Mediante el uso de plugins
Una de las formas más fáciles de utilizar el formato en SVG en WordPress es instalando un plugin. Te recomiendo el SVG Support. Una vez que lo tengas instalado y activado, simplemente debes subir tus imágenes en formato en SVG.
Se trata de un plugin gratuito que puedes descargar desde la web de WordPress.org o buscarlo directamente en el repositorio de plugins de tu instalación de WordPress.
Una vez instalado puedes de ir a Ajustes > SVG Support para configurarlo.
Una vez tenemos la imagen SVG en la librería, ya podemos usarla igual que cualquier otra imagen.
Esperamos que este sencillo tutorial te ayude resolver la limitación que pone WordPress para subir el formato SVG. Solo depende de ti si quieres utilizar un plugin o añadir al archivo functions.php para poder realizarlo.
Si tienes alguna pregunta acerca de este tutorial, puedes dejarla en los comentarios y con gusto te ayudaré. 🙂
Thank you.
Hola whoiscall, gracias por tus comentarios.
Saludos.