Maison >Tutoriel CMS >WordPresse >Tout ce que vous devez savoir sur la nouvelle API de l'icône du site WordPress

Tout ce que vous devez savoir sur la nouvelle API de l'icône du site WordPress

William Shakespeare
William Shakespeareoriginal
2025-02-16 08:32:10966parcourir

WordPress 4.3 introduit la fonction d'icône du site, permettant aux utilisateurs de définir une icône représentative du site Web, qui est le site Web Favicon que nous connaissons. Cet article plongera dans les icônes du site et leurs API, y compris leurs capacités et leurs filtres.

Quelle est l'icône du site?

Si vous connaissez le développement Web, vous savez peut-être déjà quelle est l'icône du site. C'est ce que WordPress appelle Favicon. Favicon est une icône qui apparaît sur l'onglet Browser lors de l'ouverture d'un site Web, et c'est aussi une icône qui apparaît lorsque vous enregistrez un raccourci Web sur l'écran d'accueil de votre smartphone. Après avoir configuré l'icône du site, il apparaîtra également dans votre panneau d'administration WordPress.

WordPress 4.3 Active l'affichage de l'icône du site par défaut, aucune action supplémentaire n'est requise. Vous pouvez utiliser cette fonctionnalité directement tant que vous mettez à jour WordPress vers la version 4.3.

Comment définir les icônes du site?

Vous pouvez définir les icônes du site via le personnalisateur de thème. Il existe deux façons d'accéder:

  • Dans le menu Admin, recherchez l'option personnalisée dans le menu d'apparence.
  • Cliquez sur le bouton "personnalisé" dans la barre d'administration (nouveau dans WordPress 4.3).

All You Need to Know About the New WordPress Site Icon API

Dans l'option d'identification du site dans le personnalisateur de thème, vous pouvez télécharger ou sélectionner une image comme icône de site. WordPress recommande des tailles d'image d'au moins 512 pixels de large et haut.

All You Need to Know About the New WordPress Site Icon API

Après avoir sélectionné l'image, vous pouvez recadrer l'image et sélectionner la zone carrée que vous souhaitez être l'icône du site. Croping ne modifie pas le fichier d'origine.

All You Need to Know About the New WordPress Site Icon API

Une fois la récolte terminée, cliquez sur le bouton "Crop Image" et WordPress redimensionnera automatiquement l'image. Cliquez sur le bouton "Enregistrer et publier" pour enregistrer les modifications.

All You Need to Know About the New WordPress Site Icon API

Vous pouvez supprimer ou modifier les icônes du site à tout moment à l'aide du personnalisateur de thème.

Obtenez l'icône actuelle du site

Les développeurs de thème ou de plugins n'ont pas à s'inquiéter de l'utilisation de base des icônes du site: après avoir sélectionné une image, WordPress l'affiche automatiquement comme Favicon.

Mais si vous avez besoin d'obtenir l'icône de site actuelle dans un thème ou un plugin, vous pouvez utiliser quatre fonctions fournies par WordPress:

  • has_site_icon(): Vérifiez si l'icône du site est définie, renvoyant une valeur booléenne (true ou false).
<code class="language-php">if (has_site_icon()) {
    // 已设置站点图标
} else {
    // 未设置站点图标
}</code>
  • get_site_icon_url() et site_icon_url(): Obtenez l'URL de l'icône du site. get_site_icon_url() Vous pouvez spécifier l'ID et la taille du blog, et site_icon_url() Sortie directement l'URL.
<code class="language-php">if (has_site_icon()) {
    echo '<img alt="Site Icon" src="'%20.%20get_site_icon_url(null,%20200)%20.%20'">';
}</code>
  • wp_site_icon(): Sélectionnez les balises de méta nécessaires pour informer le navigateur ou le système d'exploitation des tailles disponibles de FAVICON.
<code class="language-php">wp_site_icon(); // 通常放在 `` 标签内</code>

Taille de l'icône du site personnalisé

WordPress génère plusieurs tailles d'icônes de site par défaut. Vous pouvez utiliser les site_icon_image_sizes et site_icon_meta_tags pour personnaliser les balises de taille et de méta.

Résumé

L'API de l'icône du site WordPress a des fonctions simples et pratiques, ce qui rend pratique pour les utilisateurs et les développeurs de gérer le site Web FAVICON. N'oubliez pas que cette API est principalement utilisée pour Favicon et n'est pas utilisée à d'autres fins.

(la pièce FAQS est omise car elle est fortement dupliquée avec le contenu existant et est plus long.)

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn