• Ir a navegación principal
  • Ir al contenido principal
SiliCodeValley

SiliCodeValley

Cursos online de diseño y desarrollo WordPress

  • Cursos
  • Tutoriales
  • Directos
  • Acceder
  • Suscríbete

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.

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 AJUSTES.

se ha unido a .

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!

Mostrar detalles
Nombre Proveedor Propósito Duración
_ga Google Analytics Cookie de terceros persistente con fines analíticos. Se usa para distinguir a los usuarios. 2 años
_gat Google Analytics Cookie de terceros persistente con fines analíticos. Se usa para limitar el porcentaje de solicitudes. 1 minuto
_gid Google Analytics Cookie de terceros persistente con fines analíticos. Se usa para distinguir a los usuarios. 24 horas
Política de cookies

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