• Saltar a la navegación principal
  • Saltar al contenido principal
SiliCodeValley

SiliCodeValley

Cursos online de diseño y desarrollo WordPress

  • Newsletter
  • Acceder
  • Suscribirme

Cómo incluir Font Awesome de forma eficiente en WordPress utilizando LESS

Cuando desarrollé el nuevo tema de SiliCodeValley tomé la decisión de no utilizar fuentes de iconos del estilo a Font Awesome ya que quería que el tema fuera lo más minimalista posible, es decir, que sólo incluyera lo elementos justos y necesarios.

Pero el tiempo ha pasado y he ido necesitando algún icono. Hasta ahora para incluirlos utilizaba iconos en formato «.svg» y lo cierto es que se me hacía una tarea poco farragosa.

Cansado de ese método he decidido volver a Font Awesome. Pero todavía hay un problema y es que Font Awesome incluye un set de aproximadamente 675 iconos, lo cual me parece una burrada tener que cargar su hoja de estilos completa si sólo pienso utilizar un par o tres de iconos, ya que sin duda va implicar que mi sitio web cargue un poco más lento.

Dándole vueltas a esto llegué a la conclusión de que como Font Awesome está disponible en formato LESS podría de alguna forma recompilar la hoja de estilos con aquellos iconos que realmente necesito y prescindir del resto. Y así fue como surgió este nuevo episodio de La Batidora.

¡Espero que lo disfrutes y aprendas algo nuevo!

Enlaces de interés

  • Compilador de LESS Prepros.
  • Web de Font Awesome.

Únete al boletín: Diario de un desarrollador web freelance

Importante: envío correos con frecuencia y en cada uno además de contarte historias, consejos y marrones de mi día a día, ofrezco mis productos y servicios. Si esto te supone un problema, no te suscribas. Y si te cansas, podrás darte de baja y tan amigos.

Responsable: David Perálvarez Fernández. Finalidad: Gestionar el envío de información y prospección comercial y dar acceso a los productos online. Legitimación: Consentimiento del interesado. Destinatarios: Empresas proveedoras nacionales y encargados de tratamiento acogidos a privacy shield. Derechos: Acceder, rectificar y suprimir los datos, así como otros derechos como se explica en la información adicional.

¡Ya casi estamos! Revisa tu bandeja de entrada o la carpeta de spam para confirmar tu suscripción.

Interacciones con los lectores

Deja una respuesta Cancelar la respuesta

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

  • Blog
  • Acerca
  • Contacto
  • Privacidad
  • Términos
  • Aviso Legal
  • Cookies

Utilizamos cookies propias y analíticas para darte la mejor experiencia en nuestra web.

Puedes informarte más sobre qué cookies estamos utilizando o desactivarlas en los .

Resumen de privacidad
SiliCodeValley

Esta web utiliza cookies propias y analíticas para que podamos ofrecerte la mejor experiencia de usuario posible. La información de las cookies se almacena en tu navegador y realiza funciones tales como reconocerte cuando vuelves a nuestra web o ayudar a nuestro equipo a comprender qué secciones de la web encuentras más interesantes y útiles.

Cookies estrictamente necesarias

Las cookies estrictamente necesarias tiene que activarse siempre para que podamos guardar tus preferencias de ajustes de cookies.

Cookies analíticas

Esta web utiliza Google Analytics para recopilar información anónima tal como el número de visitantes del sitio, o las páginas más populares.

Dejar esta cookie activa nos permite mejorar nuestra web.

¡Por favor, activa primero las cookies estrictamente necesarias para que podamos guardar tus preferencias!

Política de cookies

Más información sobre nuestra política de cookies