widget Categorie: Basic
Scegli un'icona da una libreria che ne contiene oltre 1000 già pronte oppure caricane una in formato SVG. Puoi cambiare il colore dell'icona, l'effetto hover, lo sfondo, i bordi e molto altro. Usa le icone per mettere in risalto il testo e bilanciare il layout del sito.
Nota
-
I file SVG possono essere ridimensionati senza perdite di risoluzione.
-
I file SVG sono dei file-immagine che contengono codice HTML. Ciò significa che quando si aggiunge un'icona SVG al sito, allo stesso tempo si aggiungono righe di codice. Gli SVG complessi, oppure la presenza di SVG multipli, possono aggiungere migliaia di linee di codice e causare il rallentamento dei tempi di caricamento del sito. Nel caso vi sia bisogno di utilizzare più icone SVG nella stessa pagina, consigliamo di trasformarne alcune in immagini normali (.png, .jpeg e così via) in modo da evitare problemi di caricamento o alla funzionalità.
-
Fai clic su Scegli icona per selezionare un'icona già pronta oppure fai clic su Carica file SVG.
-
Per collegare l'icona, fare clic su Icona di collegamento e selezionare la pagina a cui si desidera 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.
-
Digita una descrizione comando per l'icona. Il testo della descrizione comando viene visualizzato quando un utente hover sull'immagine.
Nell'editor di design, puoi apportare modifiche al layout dell'icona, regolare le dimensioni e il colore dell'icona e apportare modifiche alla spaziatura del widget.
Per rendere l'icona un widget mobile, abilita l'interruttore Mobile e seleziona una posizione per il widget. Per visualizzare il pulsante mobile solo sulla pagina corrente, abilitare l'interruttore Mostra solo su questa pagina .
Nota
Le icone mobili possono essere impostate per essere visualizzate su pagine specifiche, ma appariranno su tutte le pagine per impostazione predefinita (al momento non esiste un modo per disattivarle solo per pagine specifiche).
Questo problema è in genere correlato al modo in cui il file è stato originariamente creato. Il colore dell'icona deve essere nero vero (ad esempio, il codice esadecimale #000000).
Inoltre, l'SVG deve essere esportato con lo stile in linea.
Poiché i file SVG possono essere costituiti da codice complesso, si consiglia di consultare qualcuno esperto di SVG per eventuali modifiche.
Commenti
0 commenti
Questo articolo è chiuso ai commenti.