¿Quieres agregar archivos SVG a tu sitio de WordPress? De forma predeterminada, WordPress le permite cargar todos los formatos de archivo de imagen, audio y video populares, pero SVG no se encuentra entre ellos. En este artículo, le mostraremos cómo agregar fácilmente SVG en WordPress.

¿Qué es SVG?

SVG o Scalable Vector Graphics es un formato de archivo que define gráficos vectoriales utilizando el lenguaje de marcado XML. El principal beneficio de SVG es que te permite ampliar imágenes sin perder calidad ni tener pixelación.

¿Cómo funciona SVG?

Scalable Vector Graphics (SVG) es una tecnología que muestra dibujos bidimensionales utilizando XML. Son diferentes a los formatos de imagen de uso común, como PNG, GIF o JPEG.

Si toma un archivo de imagen png / jpeg y acerca la imagen, notará que la imagen comenzará a difuminarse y a pixelarse.

Los gráficos vectoriales no utilizan píxeles. En su lugar, utilizan un mapa bidimensional que define el gráfico que está viendo. Al acercar la imagen, la imagen no se pixela.

Esto le permite ampliar gráficos vectoriales sin perder calidad. Lo más importante es que las imágenes SVG pueden ser mucho más pequeñas en formato JPEG o PNG.

Los gráficos vectoriales se utilizan comúnmente para iconos, fuentes de iconos, logotipos de sitios web e imágenes de marca. Es posible que desee agregar archivos SVG en WordPress para el logotipo, los iconos u otros gráficos de su empresa.

Por muy interesantes que parezcan, los archivos SVG siguen siendo un poco inseguros. Es por eso que WordPress no admite la carga de archivos SVG de forma predeterminada.

Si carga una imagen SVG en WordPress, verá el siguiente mensaje de error:

Lo sentimos, este tipo de archivo no está permitido por razones de seguridad.

Error de seguridad SVG en WordPress

Problemas de seguridad relacionados con SVG en WordPress

Los archivos SVG contienen código en el lenguaje de marcado XML que es similar al HTML. Su navegador o software de edición de SVG analiza el lenguaje de marcado XML para mostrar la salida en la pantalla.

Sin embargo, esto abre su sitio web a posibles vulnerabilidades XML. Se puede utilizar para obtener acceso no autorizado a los datos del usuario, desencadenar ataques de fuerza bruta o ataques de secuencias de comandos entre sitios.

Los métodos que compartiremos en este artículo intentarán desinfectar los archivos SVG para mejorar su seguridad. Sin embargo, estos plugins no puede evitar totalmente que se carguen o inyecten códigos maliciosos.

La mejor solución es usar solo archivos SVG creados por fuentes confiables y restringir las cargas de SVG solo a usuarios confiables.

Para obtener más información sobre seguridad, consulte nuestra guía de seguridad completa de WordPress para principiantes.

Dicho esto, echemos un vistazo a cómo usar archivos SVG de manera fácil y segura en WordPress.

Método 1. Cargue archivos SVG en WordPress usando soporte SVG

Este método ofrece soporte completo para agregar archivos SVG en WordPress. También le permite mostrar SVG en línea en publicaciones y páginas de WordPress.

Primero, debe instalar y activar el Soporte SVG plugin. Para obtener más detalles, consulte nuestra guía paso a paso sobre cómo instalar un WordPress. plugin.

Tras la activación, debe visitar Configuración »Soporte SVG página para configurar plugin ajustes.

Configuración de soporte SVG

En la página de configuración, debe marcar la casilla junto a ‘¿Restringir a administradores?’ opción. Esto permitirá que solo un administrador del sitio cargue archivos SVG en WordPress.

La siguiente opción es activar el modo avanzado. Solo necesita marcar esta opción si desea utilizar funciones avanzadas como animaciones CSS y renderizado SVG en línea.

No olvide hacer clic en el botón Guardar cambios para almacenar su configuración.

Ahora puede crear una nueva publicación o editar una existente. En el editor de publicaciones, cargará su archivo SVG como lo haría con cualquier otro archivo de imagen. Simplemente agregue un bloque de imagen al editor y luego cargue el archivo SVG.

Ahora podrá cargar e incrustar archivos SVG en WordPress.

Archivo SVG incrustado en una publicación de WordPress

Método 2. Cargue archivos SVG en WordPress usando Safe SVG

Este método también utiliza un plugin y le permite realizar la desinfección de los archivos SVG cargados en WordPress.

Lo primero que debe hacer es instalar y activar el SVG seguro plugin. Para obtener más detalles, consulte nuestra guía paso a paso sobre cómo instalar un WordPress. plugin.

La plugin funciona fuera de la caja y no hay ajustes que usted configure. Simplemente puede continuar y comenzar a cargar archivos SVG.

La desventaja es que esto plugin permite cargas de SVG por parte de todos los usuarios que pueden escribir publicaciones en su sitio de WordPress.

Para controlar quién puede cargar archivos, deberá comprar la versión premium del plugin.

Esperamos que este artículo le haya ayudado a aprender cómo agregar SVG de forma segura en WordPress. Es posible que también desee ver nuestro artículo sobre los problemas de imagen más comunes en WordPress y cómo solucionarlos.

Si le gustó este artículo, suscríbase a nuestro Canal de Youtube . También puedes encontrarnos en Twitter y Facebook.

.

Fuente: wpbeginner

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *