WordPress mette a disposizione un modo semplice per aggiungere una favicon direttamente dal menu Aspetto –> Personalizza.
Per chi invece volesse ricorrere all’uso di qualche riga di codice può utilizzare la soluzione sotto proposta creando uno snippet. Io consiglio l’utilizzo di Code Snippet, strumento eccellente per aggiungere funzioni custom, senza dover ricorrere a modifiche dirette del file functions.php del proprio tema.
Personalizzare la favicon con Code Snippet
Ed ecco qui il codice per personalizzare la propria favicon da copiare ed incollare nel plugin Code Snippet.
function add_my_favicon() {
$favicon_path_1 = get_stylesheet_directory_uri() . '/favicon/favicon.ico';
$favicon_path_2 = get_stylesheet_directory_uri() . '/favicon/favicon-16x16.png';
$favicon_path_3 = get_stylesheet_directory_uri() . '/favicon/favicon/favicon-32x32.png';
$favicon_path_4 = get_stylesheet_directory_uri() . '/favicon/favicon/apple-touch-icon.png';
$webmanifest = get_stylesheet_directory_uri() . '/favicon/site.webmanifest.';
echo '<link rel="icon" sizes="16x16 32x32 48x48" href="' . esc_url($favicon_path_1) . '" />';
echo '<link rel="icon" type="image/png" sizes="16x16" href="' . esc_url($favicon_path_2) . '" />';
echo '<link rel="icon" type="image/png" sizes="32x32" href="' . esc_url($favicon_path_3) . '" />';
echo '<link rel="apple-touch-icon" type="image/png" sizes="180x180" href="' . esc_url($favicon_path_3) . '" />';
echo '<link rel="manifest" href="' . esc_url($webmanifest) . '" />';
}
add_action( 'wp_head', 'add_my_favicon' ); //front-end
add_action( 'admin_head', 'add_my_favicon' ); //administration area
