fa-camera-retro
|

Añadir Iconos en Genesis con Font Awesome

Descargamos la librería de la web Font Awesone . Descomprimimos el zip  y tenemos la siguiente estructura.

Carpeta-font-awesome

Mediante Ftp creamos la carpeta awesone dentro de la carpeta raíz de nuestro theme child  «/wp-content/themes/nombre-tema/ «. Ahí copiamos la carpeta css y la carpeta fonts. Modificamos los permisos  de las carpetas según nuestra instalación de WordPress.

Añadimos dentro de functions.php :

 
//*Añadir  Font Awesome Icons
add_action( 'wp_enqueue_scripts', 'afn_enqueue_awesome' ); 
function afn_enqueue_awesome() { 
if ( !is_admin() ) { 
wp_enqueue_style( 'afn-font-awesome', get_bloginfo( 'stylesheet_directory' ) . '/awesome/css/font-awesome.min.css', array(), '4.6.2' );
 } 
}

Si la librería se actualiza basta con cambiar la versión : array(), '4.6.2'.

Para que aparezcan los iconos solo debemos añadir esta linea dentro de nuestro Html.

<i class="fa fa-camera-retro fa-lg"></i> fa-lg
<i class="fa fa-camera-retro fa-2x"></i> fa-2x
<i class="fa fa-camera-retro fa-3x"></i> fa-3x
<i class="fa fa-camera-retro fa-4x"></i> fa-4x
<i class="fa fa-camera-retro fa-5x"></i> fa-5x

fa-lg
fa-2x
fa-3x
fa-4x
fa-5x

Listado de Iconos

Publicaciones Similares