Favicon del Sito istantaneo
La favicon è una piccola immagine visualizzata prima del nome del sito nella scheda del browser, nonché nei segnalibri, nella cronologia del browser, ecc. Aiuta gli utenti a riconoscere il sito in presenza di numerose schede aperte nel loro browser.
Vi sono due modi per caricare una favicon per il proprio Sito istantaneo Ecwid: usare i meta tag o usare il logo. Se si usa il Sito istantaneo di ultima generazione, è possibile caricare la favicon solo attraverso i meta tag.
Caricare una favicon attraverso i meta tag
Se si desidera avere una favicon, è possibile trovare o creare un'immagine per la favicon, caricarla su un sito di hosting di immagini, quindi aggiungerla alla sezione <head> del proprio negozio.
È possibile creare una favicon da zero oppure sulla base di un'immagine esistente avvalendosi di un generatore di favicon online come https://favicon.io/.
Per caricare una favicon per il proprio negozio attraverso i meta tag:
- Caricare la favicon su un sito di hosting di immagini, ad es., https://imgbb.com/
- Ottenere il link diretto all'immagine, in modo che essa venga aperta cliccando su tale link:
- Se si usa il servizio https://imgbb.com/, una volta caricata l'immagine, farci clic sopra.
- Nella scheda che si aprirà, fare clic sull'immagine con il tasto destro del mouse, quindi su Copia URL immagine.
- Dal pannello di controllo di Ecwid, accedere alla sezione Sito web.
- Scorrere verso il basso fino alla sezione "Impostazioni SEO", quindi fare clic su Aggiungi codice accanto all'opzione Meta tag di intestazione e verifica del sito.
Per usare l'opzione Meta tag di intestazione e verifica del sito, è necessario essere abbonati a uno dei piani a pagamento di Ecwid.
- Nel campo che apparirà, inserire il codice seguente:
<link rel="shortcut icon" href="Direct_image_link">
E sostituire Direct_image_link con il link della favicon copiato dal sito di hosting di immagini:
- Salvare le modifiche.
Aggiornare la pagina della vetrina per vedere la favicon aggiunta.
Caricare una favicon attraverso il logo
Quando si carica un logo per il proprio Sito istantaneo Ecwid, esso è automaticamente usato come favicon:
Se si desidera, è possibile nascondere il logo, mentre la favicon rimarrà comunque visibile.
Per prima cosa, ecco cosa bisogna fare per caricare un logo:
- Dal pannello di controllo di Ecwid, accedere alla sezione Sito web.
- Fare clic su Modifica:
- Andare a Titolo e immagine di copertina → Logo del negozio → fare clic su Carica logo:
- Caricare dal computer la foto che si desidera usare per la favicon.
- Salvare le modifiche.
Se si desidera usare la favicon e nascondere il logo, ciò piò essere fatto tramite codice CSS:
- Dal pannello di controllo di Ecwid, accedere alla sezione Aspetto.
- Fare clic su Modifica tema se si ha un tema CSS personalizzato attivo o scorrere in basso e fare clic su Crea tema → Aggiungi nuovo tema CSS.
- Incollare il seguente codice nel proprio tema CSS:
div.cover__logo { display: none;}
- Salvare le modifiche.
Aggiornare la vetrina del negozio per vedere le modifiche.
Articoli correlati:
Come creare un fantastico logo per il proprio brand
Aggiunta di codice CSS al negozio