Categorie di widget: Basic
Seleziona da una libreria di oltre 1000 icone già pronte o carica il tuo file SVG. Puoi cambiare il colore dell'icona, il passaggio del mouse, lo sfondo, il bordo e altro ancora. Usa le icone per enfatizzare il testo e bilanciare il layout del sito
Nota
-
I file SVG possono essere ridimensionati senza perdere la risoluzione.
-
SVG sono file di immagine che contengono codice HTML, il che significa che quando aggiungi un'icona SVG al tuo sito stai aggiungendo anche righe di codice. SVG multipli e complessi possono aggiungere migliaia di righe di codice e rallentare il caricamento del sito. Se hai bisogno di utilizzare più icone SVG sulla stessa pagina, ti consigliamo di trasformarne alcune in immagini normali (.png, .jpeg, ecc.) per evitare problemi
-
Per le linee guida sui media, consulta Linee guida e specifiche per i media.
Il pannello multimediale consente di aggiungere contemporaneamente un'icona e un widget di icone all'area di disegno. In alternativa, puoi sostituire le icone esistenti. Per saperne di più sul Media Panel, vediPannello multimediale.
Per aggiungere un widget di icone dal pannello multimediale:
-
(Facoltativo) Usa i filtri per individuare l'icona desiderata. Oppure, fai clicCarica contenuti multimedialiper aggiungere una nuova icona.
-
Fai clic e trascina l'icona desiderata sull'area di disegno.
-
Clicca Scegli l'icona per selezionare un'icona già pronta, oppure fai clic Carica il file SVG.
-
Per collegare l'icona, fai clic su Icona del collegamentoe seleziona la pagina a cui desideri collegare l'icona.
-
Digita il testo alternativo per l'icona. Il testo alternativo consente ai motori di ricerca di riconoscere il contenuto delle immagini. Usa un testo che descriva chiaramente l'immagine. Oppure, fai clic su Sparkle icona (
) per utilizzare l'Assistente AI per generare testo alternativo.
Nota
-
Il testo alternativo generato dall'Assistente AI è nella stessa lingua della lingua corrente della pagina.
-
L'icona Sparkle per AI verrà disabilitata se un'icona non è selezionata.
-
-
Tipo a Descrizione comando per l'icona. Il testo del tooltip viene visualizzato quando un utente passa con il mouse sull'immagine
Nel Editor di progettazione, puoi apportare modifiche al layout dell'icona, regolarne le dimensioni e il colore e apportare modifiche alla spaziatura del widget.
Per rendere l'icona un widget mobile, abilita il Flottante attiva e seleziona una posizione per il widget. Per visualizzare il pulsante mobile solo nella pagina corrente, abilita Mostra solo in questa pagina attiva/disattiva.
Nota
Le icone mobili possono essere impostate per essere visualizzate su pagine specifiche, ma verranno visualizzate su tutte le pagine per impostazione predefinita (al momento non è possibile disattivarle solo per pagine specifiche).
Questo problema è in genere correlato al modo in cui il file è stato creato originariamente. Il colore dell'icona deve essere nero vero (ad esempio, codice esadecimale #000000).
Inoltre, l'SVG deve essere esportato con uno stile in linea.
Poiché i file SVG possono essere costituiti da codice complesso, si consiglia di consultare qualcuno esperto con SVG per eventuali modifiche.