web-dev-qa-db-fra.com

Comment ajouter des icônes iOS et fav au thème?

Je souhaite ajouter des icônes iOs, Android et favorites au site Web. En règle générale, je pense à leur implication: lier les fichiers dans la section head et vous pouvez continuer, mais il y a beaucoup de lignes (pour les appareils et les favico font plus que 10), donc je ne sais pas comment les ajouter correctement:

  1. En quelque sorte les mettre en file d'attente dans le functions.php?
  2. Certaines personnes sur Internet mentionnent la création d'un plugin d'extraits de site?
  3. Utiliser une sorte de plugin pour ça (pas très fan de cette idée)?
  4. Ajoutez simplement les liens à header.php (c’est ce que suggère le codex).

Juste au cas où, le code:

<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
<link rel="Apple-touch-icon" href="/Apple-touch-icon.png" />
<link rel="Apple-touch-icon" sizes="57x57" href="/Apple-touch-icon-57x57.png" />
<link rel="Apple-touch-icon" sizes="72x72" href="/Apple-touch-icon-72x72.png" />
<link rel="Apple-touch-icon" sizes="76x76" href="/Apple-touch-icon-76x76.png" />
<link rel="Apple-touch-icon" sizes="114x114" href="/Apple-touch-icon-114x114.png" />
<link rel="Apple-touch-icon" sizes="120x120" href="/Apple-touch-icon-120x120.png" />
<link rel="Apple-touch-icon" sizes="144x144" href="/Apple-touch-icon-144x144.png" />
<link rel="Apple-touch-icon" sizes="152x152" href="/Apple-touch-icon-152x152.png" />
3
nerijusgood

Accrochez-vous dans wp_head dans votre fichier functions.php.

add_action('wp_head', 'add_your_stuff');
function add_your_stuff() {
    ?>
    <link rel="shortcut icon" href="<?php echo get_stylesheet_directory_uri();?>/favicon.ico" type="image/x-icon" />
    <link rel="Apple-touch-icon" href="<?php echo get_stylesheet_directory_uri();?>/Apple-touch-icon.png" />
    <link rel="Apple-touch-icon" sizes="57x57" href="<?php echo get_stylesheet_directory_uri();?>/Apple-touch-icon-57x57.png" />
    <link rel="Apple-touch-icon" sizes="72x72" href="<?php echo get_stylesheet_directory_uri();?>/Apple-touch-icon-72x72.png" />
    <link rel="Apple-touch-icon" sizes="76x76" href="<?php echo get_stylesheet_directory_uri();?>/Apple-touch-icon-76x76.png" />
    <link rel="Apple-touch-icon" sizes="114x114" href="<?php echo get_stylesheet_directory_uri();?>/Apple-touch-icon-114x114.png" />
    <link rel="Apple-touch-icon" sizes="120x120" href="<?php echo get_stylesheet_directory_uri();?>/Apple-touch-icon-120x120.png" />
    <link rel="Apple-touch-icon" sizes="144x144" href="<?php echo get_stylesheet_directory_uri();?>/Apple-touch-icon-144x144.png" />
    <link rel="Apple-touch-icon" sizes="152x152" href="<?php echo get_stylesheet_directory_uri();?>/Apple-touch-icon-152x152.png" />
    <?php
}
4
Welcher

Je ne recommanderais pas de les coder en dur dans le fichier modèle header.php ou dans le fichier functions.php. La raison en est qu’ils sont alors liés à votre thème et que si vous changez de thème, vous les perdrez.

Option 3 J'ai tendance à rester à l'écart, car les plug-ins tiers ont tendance à générer beaucoup de fadaises.

Mon conseil serait d’aller avec l’option 2, car elle est légère et n’est pas liée au thème. Si vous changez de thème, vos balises de lien personnalisées resteront intactes.

0
Peter Andrews