WordPress Directo
  • Tutoriales
  • Plugins
  • Plantillas
  • Optimización
  • SEO
  • WordPress Hosting
No Result
View All Result
WordPress Directo
  • Tutoriales
  • Plugins
  • Plantillas
  • Optimización
  • SEO
  • WordPress Hosting
No Result
View All Result
WordPress Directo
No Result
View All Result

Cómo utilizar archivos SVG en WordPress

Jorge López by Jorge López
3 enero 2019
in Plugins
Reading Time: 4 mins read
0

Muchos de vosotros nos habéis preguntado que si en WordPress es posible utilizar archivos SVG. La respuesta es sí, pero con condiciones. Por defecto, en WordPress no es posible utilizar este tipo de archivos gráficos, pero mediante unos plugins sí que podemos llevarlo a cabo. En este artículo te explicamos cómo utilizar archivos SVG en WordPress.

¿Qué es un archivo SVG?

Antes que nada, y para el que no lo sepa, voy a ofrecer un poco de luz sobre este asunto. ¿Qué es un archivo SVG? Muy sencillo, según la Wikipedia son un formato de gráficos vectoriales bidimensionales, tanto estáticos como animados, en formato XML, cuya especificación es un estándar abierto desarrollado por el W3C desde el año 1999. Su nombre completo es Gráficos Vectoriales Escalables y, como su nombre indica, al ser escalables, si modificamos su tamaño, no perderán ni un ápice de calidad.

Este tipo de archivos se utilizan sobre todo para mostrar iconos, fuentes de iconos, logotipos e imágenes corporativas en la web, gracias a su característica reescalable.

Artículos relacionados

Cómo eliminar Yoast SEO de la base de datos en WordPress

18 diciembre 2024

Cómo personalizar el Command Palette en WordPress con un plugin

11 febrero 2025

Cacheo en WordPress: ¿Servidor o plugin? Ventajas y diferencias clave que debes conocer

13 mayo 2025

Cómo proteger un sitio web de WordPress de vulnerabilidades en plugins

14 febrero 2025

Todo esto suena muy bien, pero en realidad este tipo de formato aún no es del todo seguro. Es por eso que WordPress aún no lo soporta. Pero no te preocupes que con unos sencillos truquitos podrás lograrlo.

Utilizar archivos SVG en WordPress

Lo primero que tienes que hacer es instalar y activar el plugin SVG Support. Para ello, ve a la sección Plugins del backoffice de tu WordPress y selecciona la opción de Añadir Nuevo. En la página de Añadir Nuevo Plugin, busca el plugin que queremos instalar haciendo uso del campo de búsqueda que se sitúa en la parte superior derecha de la página.

Teclea el nombre del plugin (que como te hemos indicado es «SVG Support») y presiona ENTER para iniciar la búsqueda. Si has seguido los pasos al pie de la letra, este plugin te debería aparecer como el primer resultado de la búsqueda. Instálalo y actívalo para poder utilizarlo.

Una vez activado, ve a Ajustes > SVG Support para configurar todas las opciones que el plugin te ofrece.

En esta página podrás restringir la subida de este tipo de ficheros únicamente a usuarios administradores marcando la opción «Restrict to Administrators«, y también podrás mostrar más opciones a la hora de subir los SVG marcando la opción «Enable Advanced Mode«. Estas opciones son básicamente dos: la primera es habilitar una animación CSS a la hora de mostrar los SVG en la parte pública y la segunda es un renderizado del SVG inline. Pero como he dicho antes, estas opciones se manipulan exclusivamente a la hora de subir ficheros SVG.

No olvides hacer clic en el botón «Save Changes» para guardar los cambios.

Ahora solo queda crear un nuevo artículo o editar alguno existente, y subir un fichero SVG para comprobar que todo funciona correctamente.

Debo decir que el plugin SVG Support no es el único que existe para este fin. El plugin Safe SVG es otro plugin que te permite subir archivos SVG en tu instalación de WordPress. Además, es mucho más simple que el anterior. Funciona out of the box, así que no tendrás que configurar nada de nada. Activar el plugin y comenzar a subir archivos SVG.

Y hasta aquí nuestro artículo sobre cómo utilizar archivos SVG en WordPress. Espero que te haya gustado y, si te ha resultado útil, no dudes en compartirlo en redes sociales. ¡Nos leemos!

Tags: archivos svggráficosimágenessvg
ShareTweetSendSharePin
Jorge López

Jorge López

Soy programador web y me gusta mucho el diseño gráfico, la fotografía y todo lo relacionado con las nuevas tecnologías. En mis ratos libres me encanta dibujar y escuchar música. ¡No podría vivir sin ella! Aparte soy un friki de las series...las devoro

Te puede interesar...

Plugins

WordPress a prueba de caídas: cómo configurar Object Cache Pro con “fail-open” en wp-config.php para seguir online si Redis falla

27 agosto 2025

La caché de objetos es uno de los pilares del rendimiento en WordPress moderno....

Plugins

FlyingPress y Cloudflare: integración para cacheo completo de páginas

27 agosto 2025

La optimización del rendimiento web sigue siendo un reto constante para desarrolladores y administradores...

Plugins

Cloudflare Football Bypass: un plugin para proteger webs legítimas del caos de los bloqueos de LaLiga

26 agosto 2025

En España, la batalla contra el fútbol pirata ha alcanzado un punto de fricción...

Plugins

Cómo ACF Flexible Content revoluciona la creación de páginas en WordPress

21 agosto 2025

WordPress se ha consolidado como el gestor de contenidos más usado en el mundo...

No Result
View All Result
Plugin Imagify, optimizar imágenes
wordpress hosting NVME
Elegant Themes WordPress
elementor editor plugin




Últimos artículos

Como mostrar los últimos tweets en tu WordPress sin plugins

10 febrero 2012

FlyingPress: el plugin que lidera la optimización de WordPress con mejores resultados en Core Web Vitals

6 abril 2025

Cinco formas de acelerar el panel de administración de WordPress y mejorar su rendimiento

28 marzo 2025

Cómo solucionar el problema de pantalla en blanco en WordPress

10 abril 2025

Cómo agregar un mapa de España interactivo en WordPress

24 abril 2019
WordPress Directo

WPDirecto.com es una revista especializada en WordPress y WooCommerce que ofrece una amplia gama de recursos, incluyendo tutoriales, análisis de plugins y plantillas, consejos de optimización y estrategias de SEO, para ayudar a los usuarios a mejorar y personalizar sus sitios web, manteniéndolos informados sobre las últimas novedades y tendencias en el mundo de WordPress.

Menu

  • Tutoriales
  • Plugins
  • Plantillas
  • Optimización
  • SEO
  • WordPress Hosting

Información

WPDirecto es un medio de Medios y Redes:
  • Artículos patrocinados
  • Servicio de diseño web
  • Contacto
  • Acerca de MyR
  • Política de privacidad y cookies
  • Aviso Legal

© 1995-2025 Color Vivo Internet, SLU (Medios y Redes Online).. Otros contenidos se cita fuente. Infraestructura cloud servidores dedicados de Stackscale.

No Result
View All Result
  • Tutoriales
  • Plugins
  • Plantillas
  • Optimización
  • SEO
  • WordPress Hosting

© 1995-2025 Color Vivo Internet, SLU (Medios y Redes Online).. Otros contenidos se cita fuente. Infraestructura cloud servidores dedicados de Stackscale.