Añadir nuevos iconos a la plantilla Listable

Hola chicos,

En el tutorial de hoy vamos a ver como podemos añadir nuevos iconos a la plantilla Listable.

Aunque puede parecer una tarea muy inocente no es tan sencillo como suena.

Los iconos que usa listable para la web son ficheros con formato SVG.

Los iconos en el formato SVG están genial ya que nos permite modificar tamaño y color por medio de css ya que es funciona con XML. si quieres saber más sobre este formato puedes mirar en la Wikipedia

Cuando trabajamos con este formato tan potente en WordPress nos encontramos con varios problemas:

Error al subir ficheros SVG a WordPress: Por defecto WordPress no permite subir ficheros con este formato por seguridad, veremos como podemos subirlos en el vídeo tutorial.


Cambiar de color automáticamente
La gracia de usar imágenes en SVG es que podemos usar una misma imagen con diferentes colores en lugares distintos. Aprenderemos como hacerlo. Para ello tendremos que editar el fichero SVG con un editor de texto. Te recomiendo Sublime Text

Encontrar nuevos iconos SVG de calidad gratuitos En el tutorial también explico de donde podéis descargar iconos gratuitos, de calidad en formato SVG para vuestra web hecha con Listable 😉

Sin más, aquí tenéis el tutorial:

Para ver este contenido tienes que ser miembro de la Zona Premium, Si no estás suscrito a la Zona Premium te puedes dar de alta por 10€/mes aquí

23 Añadir iconos nuevos en la plantilla Listable

Añadir nuevos iconos a la plantilla Listable 1

 

Espero que os haya gustado 😉

Saludos

Óscar

Deja un comentario