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

11

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

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

Ai-je également 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 miniature? Et quels types de fichiers sont pris en charge - juste .ico?

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

DreamGrowers
la source
6
Pourquoi sans restriction de plugin ?
Chip Bennett
3
La question contient trop de choses hors sujet. Fermer le vote.
kaiser

Réponses:

15

Je place habituellement les icônes dans un dossier d'images à l'intérieur de mon thème, donc j'utiliserais

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');

modifié: pour ajouter l'icône tactile Apple par le commentaire, et pour préciser que si vous utilisez un thème enfant, mais que le favicon se trouve dans le dossier d'image du thème parent, vous utiliseriez

get_template_directory_url();

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

Je crée généralement mes favicons ici: http://tools.dynamicdrive.com/favicon/

helgatheviking
la source
Dans le cas d'un thème enfant, ne serait-il pas préférable de l'utiliser à la get_template_directory_uriplace? En réponse à la question initiale, je l' ai ajouté une icône Apple 114x114px comme ceci: <link rel="apple-touch-icon" href="<?php echo get_template_directory_uri(); ?>/apple-touch-icon.png">. Il y a aussi beaucoup plus de documentation sur l'ajout de favicons et d'icônes Apple ici: github.com/h5bp/html5-boilerplate
1
je pense que html5bp s'est éloigné de les ajouter dans l'en-tête. si vous mettez les icônes avec les noms corrects à la racine du site, la plupart des navigateurs les trouveront automatiquement. mais pour répondre à votre question, thème enfant versus parent ... cela dépend en fait de l'endroit où vous stockez l'image favicon. get_template_directory_uri () obtient l'url du thème parent, tandis que stylesheet_directory_uri () obtient l'url de l'enfant SI c'est un enfant OU l'url du parent s'il s'agit du thème activé.
helgatheviking
Vous avez raison. Je les ai mélangés tous les deux ... html5bp les a en effet supprimés de l'en-tête, mais il y a encore une excellente documentation dans la source (principalement sur les icônes Apple) mathiasbynens.be/notes/touch-icons
11

En fait, la bonne méthode pour ajouter un favicon est via un plugin , de sorte que le favicon ajouté ne dépend pas du thème . Essentiellement, utilisez la méthode de @ helgatheviking, mais placez-la dans un plugin personnalisé , plutôt que dans le functions.phpfichier de votre thème .

Remarque: si vous utilisez un domaine de premier niveau, c'est example.com-à- dire , déposez simplement favicon.icola racine du document et vous avez terminé. Pour toute autre chose, créez un plugin personnalisé .

Remarque 2: reportez-vous au ticket Trac # 16434 . Une option de favicon de site est ajoutée au noyau, dont la version, espérons-le, arrivera dans la prochaine version 3.4.

Chip Bennett
la source
un de ces jours, je dois utiliser l'extrait de code d'Otto. heureusement, les gens ne changent pas leur thème quotidiennement, mais je suis entièrement d'accord pour dire que les favicons (et les types de messages, etc.) ne devraient pas dépendre du thème. dans l'attente de ce retour à l'essentiel.
helgatheviking
Ce n'est même pas vraiment un "extrait". Considérez-le comme un functions.phpfichier de thème , avec un en-tête phpDoc particulier, qui vit au wp-content\plugins\some-plugin\namelieu de dedans wp-content\themes\some-theme-name.
Chip Bennett
1

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

Mais si votre thème ne définit rien, placer un favicon.icoà la racine de votre site devrait suffire.

EAMann
la source