Instalar Font Awesome en Genesis

Además de Font Awesome existen otras tipografías como fuente de iconos. Por otro lado están Ionicons y por supuesto el nativo de WordPress, Dashicons. De hecho, en caso de tener que usar pocos iconos y generales, es decir, nada concreto, yo recomiendo Dashicons. No necesitas descargar, al ser nativos con una simple linea dejamos nuestro tema preparado para usarlos.

Si seguimos queriendo o necesitando Font Awesome, hay tres maneras de hacerlo.  

Bootstrap

La primera, que es similar a la segunda es a través de un CDN, El de Bootstrap para ser exactos. La carga es rápida y apenas se nota en la carga de nuestra web. El código PHP que tendremos que añadir en el archivo functions.php de nuestro tema es:

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

Cloudfare

La segunda es con el mismo método que la primera, sólo que descargamos la fuente de otro CDN, el de cloudfare.com. El código está vez es:

function add_font_awesome_icons() { 
	wp_enqueue_style( 'font-awesome', '//cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css' ); 
}
add_action( 'wp_enqueue_scripts', 'add_font_awesome_icons' );

Descargar Font Awesome

Por último, podemos descargar la fuente para cargarla con nuestra web. Subiremos la fuente a la carpeta raíz de nuestro tema y añadiremos el siguiente código en el archivo functions.php de nuestro tema para que se cargue la fuente:

function add_font_awesome_child_theme() { 
	wp_enqueue_style( 'font-awesome', get_bloginfo( 'stylesheet_directory' ) . '/font-awesome/css/font-awesome.min.css' ); 
}
add_action( 'wp_enqueue_scripts', 'add_font_awesome_child_theme' );

Después de asegurarnos de que la ruta al archivo font-awesome.min.css es la correcta, podemos echar un vistazo al los ejemplos de uso de iconos que hay en la web de Font Awesome.

Interacciones con los lectores

Deja tu duda o comentario

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

¿Olvidaste tu contraseña?