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

Optimización de Carga en WordPress con a3 Lazy Load

16 marzo 2025

10 pasos para conseguir un admin profesional en WordPress (II)

28 enero 2016

Cómo añadir una sección de FAQ en WordPress

17 diciembre 2015

Formularios de contacto en Wordpress y #GDPR

28 marzo 2018

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

RafflePress: el plugin de sorteos para WordPress que multiplica tus suscriptores y visibilidad en redes sociales

17 julio 2025

En un entorno digital donde captar la atención de los usuarios es cada vez...

Plugins

Alerta de seguridad en WordPress: comprometen Gravity Forms para distribuir malware y tomar control de sitios web

13 julio 2025

Un ataque a la cadena de suministro afectó las versiones 2.9.11.1 y 2.9.12 del...

Plugins

Introducción a WPDirectory y cómo buscar eficientemente en directorio de plugins y temas

6 julio 2025

WPDirectory se ha consolidado como una herramienta esencial para desarrolladores, diseñadores y administradores de...

Plugins

El método CiteMET: cómo influir en ChatGPT y Perplexity para ganar tráfico y citaciones

3 julio 2025

Un innovador enfoque de optimización para motores de inteligencia artificial está transformando el marketing...

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




Últimos artículos

Cómo reducir la carga de admin-ajax.php y optimizar el rendimiento en WordPress

27 marzo 2025

LiteSpeed Web Server lanza su versión 6.3, el servidor web ideal para WordPress

18 diciembre 2024

Cómo modificar el interlineado en WordPress

24 abril 2018

Cómo utilizar iframes en WordPress (manualmente y con plugins)

1 octubre 2019

Plugins SEO para WordPress: Mejora la Visibilidad de tu Sitio Web

20 diciembre 2024
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.