Abbiamo la necessità di filtrare il titolo dei post in Genesis, per aggiungere un’icona. Naturalmente il metodo si presta per qualsiasi altra implementazione.
Voglio aggiungere un’icona Font Awesome. Ecco come fare.
Scarichiamo l’ultima versione, in questo caso la 4.7.0, di Font Awesome, creiamo una cartella nella nostra root del tema – per questo esempio ho chiamato la cartella “vendor”. Dentro posizioniamo la cartella scaricata.
Quindi il percorso è: rootTema > vendor > font-awesome-4.7.0
In functions.php aggiungiamo il codice.
add_action( 'wp_enqueue_scripts', 'cr_carico_stili_personali' );
function cr_carico_stili_personali() {
if (!is_admin()) {
wp_enqueue_style( 'afn-font-awesome', get_stylesheet_directory_uri() . '/vendor/font-awesome-4.7.0/css/font-awesome.min.css', array(), null, 'all' );
}
}
add_filter( 'genesis_post_title_output', 'cr_post_title_single', 15 );
function cr_post_title_single( $title ) {
if ( is_singular( 'post' ) ) :
$title = sprintf('<h1 class="entry-title"><i class="fa fa-cog"></i> %s</h1>', apply_filters( 'genesis_post_title_text', get_the_title() ) );
endif;
return $title;
}
Prima carichiamo in Genesis – riga 1/6 – il file css.
Poi filtriamo il titolo – riga 7/13 – solamente dei posts e aggiungiamo una icona a piacere. Le icone le puoi scegliere qui.
Il risultato lo potete vedere in questo screenshot.
