Vous pourriez avoir envie d'ajouter des images personnalisées pour les icônes standard de votre site : par exemple, l'icône de la barre de recherche, les icônes de la barre de titre ou les icônes qui apparaissent sur vos cartes. Pour ce faire, vous devrez ajouter les images à votre site afin qu'elles puissent être référencées.
Pour ajouter des fichiers image à Search :
- Cliquez sur Pages dans la barre de navigation, puis sur le site souhaité.
- Cliquez sur le bouton Afficher l'éditeur de code.
- Survolez la branche master et click sur l'icône en forme de crayon (
) qui apparaît.
- Cliquez sur le dossier
static
. - Cliquez sur le dossier
assets
. - Survolez le fichier
images
et cliquez sur l'icône … - Cliquez sur Add file (Ajouter un fichier) dans le menu déroulant.
- Chargez un fichier image dans votre dossier
/static/assets/images
. Notez que vous devez placer les images dans ce chemin de dossier spécifique, sinon elles ne seront pas accessibles pour être utilisées sur votre site.- Sélectionnez Ajouter un nouveau fichier et nommez-le. Cela créera une image vierge pour que vous puissiez y insérer du code.
- Sélectionnez Charger un fichier existant. Cliquez ensuite sur Choisir un fichier pour charger une image depuis votre appareil.
- Cliquez sur Ajouter un fichier.
- Votre fichier image apparaîtra dans le dossier images avec le chemin d'accès
/static/assets/images/filename.extension
, vous devrez donc référencer l'image selon cette structure. Vous pouvez l'utiliser partout où la bibliothèque s'attend à une URL d'image. Vous trouverez ci-dessous un exemple de référence à une icône personnalisée pour remplacer la loupe dans la barre de recherche :
"SearchBar": {
"placeholderText": "Search", // Texte à remplacer dans la barre de recherche
"customIconUrl": "static/assets/images/magnifying_glass.svg"
}
Commentaires
0 commentaire
Cet article n'accepte pas de commentaires.