En esta entrega de snippets WordPress vamos a ver cómo añadir la librería de iconos de Font Awesome a Genesis Framework de forma muy sencilla.
Es una solución súper práctica para poder usar cientos de iconos en nuestra web sin instalar ningún plugin.
Te dejo aquí el vídeo y más abajo el material que utilizo en el mismo.
¡Son 3 minutos!
Tutorial para añadir los iconos de Font Awesome a Genesis Framework.
En realidad es un sólo paso. El primero. Pero después vamos a probarlo para ver que todo va bien. Vamos a ello.
Pega el siguiente snippet en tu archivo functions.php
Copia el siguiente snippet y pégalo al final de tu archivo functions.php
Ya sabes que el archivo functions.php está dentro de la carpeta wp-content -> Themes -> Tu Child Theme -> functions.php
// Añadir Font Awesome
add_action( 'wp_enqueue_scripts', 'cg_enqueue_font_awesome' );
function cg_enqueue_font_awesome() {
wp_enqueue_style('font-awesome', '//use.fontawesome.com/releases/v5.3.1/css/all.css', array(), CHILD_THEME_VERSION);
}
Y ya lo tendríamos. Simplemente vamos a probar que funciona.
Para ello:
Copia el html desde Font Awesome
Ve a Font Awesome, elige uno de los iconos gratis (hay cientos) y copia su html con un clic tal y como vimos en el vídeo. Yo voy a usar el icono de accesibilidad.
Puedes copiarlo aquí para probar y así te ahorras ir a la web de Font Awesome.
<i class="fab fa-accessible-icon"></i>
Aquí te dejo un enlace a los iconos gratuitos de Font Awesome.
Crea un bloque de html en una entrada
Crea una entrada, añade un bloque de html y pega allí el html que hemos copiado en Font Awesome.
Publícala y mira que el icono aparezca.
¡Listo!
Conclusión
Añadir Font Awesome a Genesis Framework es súper sencillo. No lleva más de 3 minutos. Y podrás disfrutar de toda la librería gratuita de iconos sin necesidad de instalar ningún plugin.
Por otro lado, WordPress en sí ya lleva pre instalados los iconos Dashicons. Mi consejo es que si te vale con ello no dudes en usarlos y así te ahorras hasta la librería de Font Awesome.
Y un último apunte, antes de encolar Font Awesome ten en cuenta que algunos plugins ya lo llevan incorporados. Éste es el caso de Atomic Blocs por poner un ejemplo. En este caso no sería necesario volver a encolar la librería. Podrías saltar al paso 2 simplemente.
Espero que te haya gustado y ya sabes que si tienes cualquier duda puedes utilizar el formulario de soporte para alumnos.
Si no eres suscriptor te informo de que cada semana publico nuevos snippets para complementar todo lo que aprendemos en mis Cursos de WordPress Online.
A día de hoy hay un total de 108 clases publicadas con más de 216 vídeos .
¡Nos vemos pronto con un nuevo snippet!