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 mostrar todos tus posts de WordPress en una sola página

19 febrero 2016

Cómo añadir notificaciones personalizadas en el backoffice de WordPress

7 febrero 2019

Cómo solucionar los problemas con el RSS Feed de WordPress

25 enero 2016

Actualización y solución para instalar la última versión de ACF tras recientes cambios en WordPress.org

18 diciembre 2024

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

WP Security Ninja: la oferta en AppSumo que refuerza la seguridad de WordPress con un solo clic

16 septiembre 2025

La seguridad en WordPress nunca había sido tan crítica como ahora, con millones de...

Plugins

WS Action Scheduler Cleaner: el aliado silencioso para optimizar bases de datos en WordPress

11 septiembre 2025

En los sitios WordPress con alto tráfico o gran actividad, la base de datos...

Plugins

Autolinks Manager para WordPress: cómo automatizar enlaces internos, afiliados y glosarios sin romper tu HTML

8 septiembre 2025

Autolinks Manager (Lite y Pro) es un plugin para WordPress que convierte palabras clave...

Noticias

301 Redirects: la clave invisible que salva tu SEO y mejora la experiencia web

4 septiembre 2025

En internet, pocos errores resultan tan frustrantes como aterrizar en un 404 – Página...

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




Últimos artículos

Guía definitiva para reparar un WordPress hackeado: del caos al control paso a paso

19 julio 2025

Cómo personalizar la página de error 404 en WordPress

21 septiembre 2015

Cómo pausar WooCommerce durante las vacaciones

14 agosto 2020

5 plugins para gestionar comentarios en WordPress

5 octubre 2016

Cómo convertir el contenido de tus artículos de texto a voz

18 marzo 2017
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.