Hai bisogno di scoprire come aggiungere facilmente una Favicon WordPress? Scoprilo seguendo questo tutorial
Una favicon è una piccola icona quadrata che rappresenta il tuo sito web. Di solito appare accanto al titolo del sito web nella scheda del browser. Una favicon appare anche nella cronologia del browser, nei segnalibri e ovunque il tuo sito web abbia bisogno di un'identità visiva.
Questo piccolo dettaglio è essenziale per la tua identità online. Discuteremo la favicon di WordPress e come aggiungerne una al tuo sito Web WordPress.
Ma prima di iniziare, se non hai mai installato WordPress, scoprilo Come installare un blog Wordpress passi 7 et Come trovare, installare e attivare un tema WordPress sul tuo blog
Quindi torniamo al perché siamo qui.
Perché è importante aggiungere una favicon al tuo sito web
Una Favicon è fondamentalmente l'ID del tuo sito web; pertanto, è più probabile che il tuo logo appaia lassù. Ignorare la sua presenza sul tuo sito web è davvero un errore.
Ecco alcuni motivi per cui una favicon è vitale per il tuo sito web.
- Spicca come il riconoscimento di contrassegno
La maggior parte degli utenti tende ad aprire più schede nel proprio browser. Senza una favicon, puoi vedere la pagina o il nome del post solo nella scheda del browser. Inoltre, se apri più di 20 schede, queste diventano più brevi ed è difficile identificare quale scheda rappresenti quale sito web.
Avere una favicon aiuta gli utenti a individuare ogni scheda più facilmente. Se la tua favicon si distingue, non solo migliorerà la tua visibilità ma anche la tua esperienza dell'utente. - Costruisci fiducia
Darai ai tuoi utenti una brutta prima impressione se non hai una favicon. Un sito web senza favicon non sembra professionale.
Se stai creando un sito Web solo per il blog quotidiano, non avere una favicon potrebbe essere irrilevante. Ma diventa essenziale quando gestisci un sito Web aziendale o un negozio online.
Il tuo Visitatori non si fiderà di alcuna transazione su un sito Web che non ha un aspetto professionale. - Migliorare l'esperienza mobile
Questa è l'era dell'esperienza mobile. Avere un sito Web reattivo potrebbe non essere sufficiente per deliziare gli utenti mobili, principalmente perché le app Web sono in aumento in questo momento.
Gli utenti possono semplicemente aggiungere un sito Web ai segnalibri sulla schermata iniziale del telefono. Non dovrai più digitare URL!
In questa situazione, avere una favicon ben fatta ti servirà in due modi diversi. Innanzitutto, la favicon verrà utilizzata come icona dell'app e, in secondo luogo, le persone che utilizzano la tua app Web ricorderanno la tua icona. Pertanto, la tua favicon sarà associata al tuo sito web.
Creazione favicon per WordPress
Di solito la tua favicon è il logo del tuo marchio. Per l'immagine, WordPress consiglia di utilizzare anche un quadrato 512px x 512px.
Puoi utilizzare un'immagine più grande, ma WordPress molto probabilmente richiederà di ritagliarla per adattarla alle dimensioni.
Per creare un'immagine della dimensione esatta di Pixel 512 x pixel 512, puoi utilizzare qualsiasi software di modifica delle immagini come di Adobe Photoshop (pagato) e Cordoncino (gratuito) o generatori di favicon
Sebbene tu possa scegliere un colore di sfondo per la tua favicon di WordPress, la trasparenza è preferita. Puoi usare i formati .jpeg,.ico, . Gif ou .png (assicurati solo di utilizzare il formato .png se si utilizza uno sfondo trasparente).
Una volta che l'immagine è pronta, puoi aggiungerla al tuo sito Web WordPress utilizzando uno di questi tre metodi:
1. Aggiunta di una favicon WordPress tramite il Customizer di WordPress
Dalla versione WordPress 4.3, puoi semplicemente aggiungere una favicon di WordPress dalla tua area di amministrazione. Per fare ciò, segui i passaggi seguenti:
- Accesso a a meraviglia dashboard di amministrazione
- Passa il mouse sopra Aspetto -> Personalizza
- Choisir identità del sito web
- Fare clic il pulsante Seleziona un foto sotto la sezione Icone del sito
- Carica la tua favicon che è stata preparata
- Fare clic il pulsante Pubblica per salvare la modifica.
Se esegui correttamente la procedura, la tua favicon apparirà accanto al titolo del tuo sito web. Per configurarlo su un dispositivo mobile, vai sul tuo sito web dal telefono e seleziona Aggiungere alla schermata Home.
La tua favicon apparirà ora nella schermata iniziale.
2. Aggiungi una favicon al sito web con un plugin per WordPress
Puoi anche aggiungere una favicon a WordPress usando un plugin chiamato Favicon per RealFaviconGenerator. È facile da usare e offre più funzionalità. Ecco i passaggi obbligatori:
- Accedi al tuo dashboard di amministrazione
- Scegliere Estensioni -> Aggiungi
- tipo Favicon per RealFaviconGenerator nella casella di ricerca
- Installa e attiva il WordPress Plugin
- Dopo l'attivazione, vai a Aspetto -> Favicon
- Carica l'immagine che vuoi impostare come favicon. Non è necessario modificare l'immagine utilizzando un software di modifica delle immagini. Il plugin lo farà per te. Assicurati solo che la tua immagine abbia una dimensione almeno di 70 x 70px. È anche meglio se è maggiore di 260 x 260 px.
- Dopo aver caricato l'immagine, premere il pulsante Genera favicon.
- Dopo aver fatto clic sul pulsante, il plug-in ti porterà al sito Web RealFavicon Generator.
- Sul sito Web, trova e fai clic Genera le tue Favicon e il codice HTML.
- Il plugin ti riporterà al tuo sito web. Riceverai una notifica che la tua favicon è stata configurata.
- Controlla come appare la tua favicon nel tuo browser e dispositivo mobile.
3. Aggiungi manualmente una favicon di WordPress a un sito web
Ti consigliamo di testarlo nel tuo sito Web di sviluppo locale prima che venga pubblicato.
- Accedi ai file del tuo tema tramite un client FTP o un file manager
- Trova la cartella
/wp-content/themes/votre-theme - Carica la tua favicon nella cartella del tuo tema. Si consiglia di scaricarlo in una sottocartella come Attività
- Ricorda questo percorso del file
- Cerca un file chiamato functions.php e aggiungi il codice seguente:
function add_favicon() {
echo '<link rel="shortcut icon" type="image/png" href="'.get_template_directory_uri().'/assets/favicon.png" />';
}
add_action('wp_head', 'add_favicon');- La linea dopo
href="'.get_template_directory_uri()deve essere il percorso per la tua favicon. Assicurati anche di avere il nome file corretto. Se stai usando un formato file .ico, sarà questo:
function add_favicon() {
echo '<link rel="shortcut icon" type="image/png" href="'.get_template_directory_uri().'/assets/favicon.ico" />';
}
add_action('wp_head', 'add_favicon');Avere una favicon è d'obbligo! Soprattutto quando è così facile da creare. Una favicon rappresenta l'identità del tuo sito web. Potrebbe occupare solo un piccolo spazio sul tuo sito web, ma questo piccolo dettaglio ha un ruolo speciale nel migliorare il riconoscimento del tuo marchio e l'esperienza utente.
Altre risorse consigliate
Vi invitiamo inoltre a consultare il risorse di seguito per approfondire l'inizio e il controllo del tuo sito Web e blog.
- Come aggiungere l'autenticazione di Gmail su WordPress
- Come rimuovere un tema WordPress da un sito Web
- Come impostare la tua home page in WordPress
- Elementor: come aggiungere un effetto sonoro del pulsante
- Come creare modelli personalizzati WordPress
Conclusione
Questo è tutto per questo tutorial che spiega come aggiungere una Favicon su WordPress. Se hai dubbi o suggerimenti, faccelo sapere all'interno commentaires.
Tuttavia, sarai anche in grado di consultare il nostro risorse, se hai bisogno di più elementi per realizzare i tuoi progetti di creazione di siti Internet, consultando la nostra guida su Creazione di blog WordPress o quello acceso Divi: il miglior tema WordPress di tutti i tempi.
Nel frattempo, condividi questo articolo sui tuoi diversi social network.
...
