web-dev-qa-db-fra.com

Quelle est la bonne façon d'ajouter un favicon dans Wordpress sans plugin?

Quelle est la bonne façon d'ajouter un favicon dans Wordpress sans plugin ?

Dois-je simplement placer un fichier appelé favicon.ico avec mon icône à la racine de mon site?

Est-ce que j'ai aussi besoin de ce code?

<link rel="shortcut icon" href="http://example.com/favicon.ico" type="image/x-icon" />

Certains disent que c'est ce code:

<link rel="icon" type="image/png" href="http://yourblog.com/favicon.png" />

Et c'est pour les iPhones?

<link rel="Apple-touch-icon" href="/customIcon.png" />

Des suggestions sur le logiciel pour le créer ou le convertir à partir d’une vignette? Et quels types de fichiers sont pris en charge - juste .ico?

J'ai vu un autre thread avec tant de méthodes et je ne savais pas trop quelle était la meilleure pratique pour cette tâche simple: Comment changer le favicon de WordPress?

9
DreamGrowers

Je mets généralement les icônes dans un dossier d'images à l'intérieur de mon thème. J'utilise donc

function kia_add_favicon(){ ?>
    <!-- Custom Favicons -->
    <link rel="shortcut icon" href="<?php echo get_stylesheet_directory_uri();?>/images/favicon.ico"/>
    <link rel="Apple-touch-icon" href="<?php echo get_stylesheet_directory_uri(); ?>/Apple-touch-icon.png">
    <?php }
add_action('wp_head','kia_add_favicon');

édité: pour ajouter l'icône Apple Touch à chaque commentaire et préciser que si vous utilisez un thème enfant, mais que l'icône favicon se trouve dans le dossier des images du thème parent, vous devez utiliser

get_template_directory_url();

si vous n'utilisez pas de thème enfant, l'un ou l'autre fonctionnera

Je crée habituellement mes favicons ici: http://tools.dynamicdrive.com/favicon/

13
helgatheviking

En fait, la méthode correcte pour ajouter un favicon est via un plugin , de sorte que le favicon ajouté ne soit pas dépendant du thème _. Utilisez essentiellement la méthode de @ helgatheviking, mais placez-la dans un plugin custom , plutôt que dans le fichier functions.php de votre thème.

Remarque: si vous utilisez un domaine de premier niveau, c'est-à-dire example.com, déposez simplement favicon.ico dans la racine du document et vous avez terminé. Pour tout le reste, crée un plugin personnalisé .

Note 2: Reportez-vous à Trac Ticket # 16434 . Une option de site favicon est en train d'être ajoutée au noyau, dont la première version devrait atterrir dans la prochaine version 3.4.

10
Chip Bennett

Soyez patient, le noyau est là pour vous aider

Il s’agit d’une fonctionnalité planifiée, avec deux développeurs principaux assignés, fournie avec 3.4 .

2
kaiser

Cela dépendra beaucoup du thème que vous utilisez. Si le thème définit votre favicon (avec une balise <link> dans l'en-tête), vous devrez remplacer favicon.ico dans votre thème pour le changer.

Mais si votre thème n'est pas définissant quoi que ce soit, placer un favicon.ico à la racine de votre site devrait suffire.

1
EAMann