Potresti voler aggiungere immagini personalizzate per le icone standard sul tuo sito: ad esempio, l'icona della barra di ricerca, le icone della barra del titolo o le icone che appaiono sulle tue schede. Per farlo, dovrai aggiungere le immagini al tuo sito in modo che possano essere richiamate.
Per aggiungere file immagine a Search:
- Fai clic su Pages nella barra di navigazione e clicca sul sito desiderato.
- Fai clic sul pulsante Visualizza editor di codice.
- Passa il mouse sul branch master e fai clic sull'icona della matita (
) che appare.
- Fai clic sulla cartella
static
. - Fai clic sulla cartella
assets
. - Passa il mouse sul file
images
e fai clic sull'icona … - Fai clic su Aggiungi file nel menu a tendina.
- Carica un file immagine nella cartella
/static/assets/images
. Tieni presente che devi inserire le immagini in questo percorso specifico della cartella, altrimenti non saranno accessibili per l'uso sul sito.- Seleziona Aggiungi un nuovo file e assegnagli un nome. In questo modo verrà creata un'immagine vuota in cui inserire il codice.
- Seleziona Carica un file esistente. Quindi fai clic su Scegli file per caricare un'immagine dal tuo dispositivo.
- Fai clic su Aggiungi file.
- Il tuo file immagine apparirà nella cartella delle immagini con il percorso
/static/assets/images/filename.extension
, quindi dovrai fare riferimento all'immagine con quella struttura. Puoi utilizzarlo ovunque la libreria preveda un URL di immagine. Di seguito è riportato un esempio di riferimento a un'icona personalizzata che sostituisce la lente di ingrandimento della barra di ricerca:
"SearchBar": {
"placeholderText": "Search", // Il testo segnaposto nella barra di ricerca
"customIconUrl": "static/assets/images/magnifying_glass.svg"
}
Commenti
0 commenti
Questo articolo è chiuso ai commenti.