Favicon light and dark in Page

Favicon light and dark in Page

Cet outil vous permet de modifier dynamiquement le favicon de votre site Web en fonction des préférences de l'utilisateur ou de conditions spécifiques. Supporte les favicons en mode clair et en mode sombre qui changent automatiquement en fonction des préférences système de l'utilisateur. Parfait pour la cohérence de l'image de marque, les changements saisonniers ou pour fournir un feedback visuel. Le favicon se met à jour instantanément sans recharger la page, améliorant ainsi l'apparence professionnelle et l'expérience utilisateur de votre site.
Partager ce contenu
Favicon light and dark in Page
1

Ajouter le script

Ajoutez ce script dans les paramètres de page > Code personnalisé > Avant la fermeture de la balise </body>

<!-- BeBranded Contents -->
<script async src="https://cdn.jsdelivr.net/npm/@bebranded/bb-contents@1/bb-contents.js"></script>
2

Favicon simple

Favicon simple

Attribut bb-favicon
bb-favicon = "https://www.monsite.com/favicon.ico"

Ajoutez l'attribut bb-favicon à n'importe quel élément de la page pour changer le favicon.

Ajouter cet attribut :
Nom
bb-favicon
Valeur
https://www.monsite.com/favicon.ico
NOTE
L'URL doit pointer vers une image valide (ICO, PNG, SVG). Le favicon sera changé dès que la page se charge.
Optionnel

Mode sombre/clair

Favicon adaptatif

Attributs bb-favicon et bb-favicon-dark
bb-favicon-dark = "https://www.monsite.com/favicon-dark.ico"

Utilisez bb-favicon pour le mode clair et bb-favicon-dark pour le mode sombre. Le favicon changera automatiquement selon les préférences de l'utilisateur.

Ajouter cet attribut :
Nom
bb-favicon-dark
Valeur
https://www.monsite.com/favicon-dark.ico
NOTE
Le module détecte automatiquement les préférences de mode sombre/clair du navigateur et change le favicon en conséquence.
1

2

Toujours besoin d'aide ?