WordPress: Cómo cargar y usar los iconos de Font Awesome

¡Buenos días! En este vídeo vamos a ver cómo cargar y usar los iconos de Font Awesome en nuestra página web hecha en WordPress. ¡Vamos allá!

YouTube video

Repasemos los pasos que hemos seguido en el vídeo.

Paso 1: cargamos el archivo de estilos de Font Awesome

Podéis encontrar la URL para cargar el archivo CSS de Font Awesome en este enlace. En caso que vuestro theme no tenga una función que cargue los scripts, aquí os dejo el código que podéis copiar y pegar en vuestro functions.php:

function font_awesome_script() {
    wp_enqueue_style('font-awesome', '//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css', array());
}
add_action('wp_enqueue_scripts','font_awesome_script');

Aseguraros de comprobar que estéis usando la última versión del archivo, que actualmente es 4.7.0.

Paso 2: añadimos los iconos

Font Awesome funciona con clases CSS, como Bootstrap. Es decir que para añadir un icono a un elemento, basta con añadirle la clase correspondiente a ese elemento.

Para ver las clases de los iconos deberéis visitar este enlace y elegir el icono o los iconos que os interesen.

También te puede interesar

WordPress: Cómo crear un botón simple con HTML y CSS
WordPress: Cómo añadir Google Fonts
WordPress: Cómo crear una galería elegante con Fluidbox

¿Eres una agencia o diseñador y necesitas un servicio profesional de maquetación web?
Tu web maquetada pixel-perfect en tiempo record con las mejores prácticas de desarrollo y optimización de velocidad
Servicio maquetación web