Probabilmente, molti utenti l'hanno notato quandoQuando apri un sito, viene visualizzata una piccola icona nell'angolo sinistro della scheda, tipica di ogni portale. Tuttavia, poche persone sanno di cosa si tratta e come modificarlo sul proprio sito web.
La storia dell'apparizione delle prime favicon
La piccola icona sul sito web è chiamata favicon, chesignifica "icona preferita" in inglese. È stato originariamente utilizzato per trovare e organizzare rapidamente i segnalibri nei browser IE. Quindi ha iniziato ad essere visualizzato ovunque da quasi tutti i browser Internet per dare uno stile speciale al sito.
Caratteristiche di Favicon
Una favicon è un'immagine comune, di solitonella taglia 16 per 16 punti. I formati ICO, PNG e GIF possono essere utilizzati per l'archiviazione. Favicon è supportato da molti browser popolari. Questi includono Chrome, IE, Opera, Firefox. Alcuni potrebbero supportare versioni animate, altri no.
Per impostazione predefinita, il browser cerca di trovare l'icona nella radice del sito. Tuttavia, puoi dirgli esattamente dove si trova. Per fare ciò, è sufficiente utilizzare la riga nel codice:
<link rel = "style type" type = "image / extension type" href = "/ path to new favicon" />.
Creazione della tua favicon
Per creare la tua icona, è sufficienteutilizzare uno degli editor in linea sulla rete. Ad esempio, il più famoso si trova su favicon.ru. È necessario contrassegnare con una matita i punti che devono essere riempiti e quindi salvare l'immagine.
Come modificare una favicon
Molti sviluppatori web si sforzano durante la creazionesite per cambiare l'icona CMS standard o per niente per un argomento più adatto. Di seguito è riportato un elenco di modi che descrivono come modificare la favicon in vari sistemi di gestione dei contenuti o senza di essi.
Joomla 1.5 e lavorare con favicon
Joomla 1.5 è una delle prime versioni stabili di un sistema di gestione dei contenuti. Viene utilizzato sempre meno, ma molti lo supportano ancora su alcuni siti. Per modificare la favicon in Joomla 1.5, è necessario creare un'icona da un'immagine già pronta o da zero. Quindi vai alla cartella con i modelli di Joomla, che si trovano nella directory dei modelli, e copia lì la favicon.
Joomla 3
L'ultima delle versioni rilasciate di questo sistema di gestione dei contenuti. Funzionalità migliorate e nuove funzionalità aggiunte.
Prima di cambiare la favicon in Joomla 3, è necessarioprima crearlo. Come farlo è stato descritto sopra. Quindi puoi usare uno dei due metodi. Il primo è preso in prestito da Joomla 1.5 e prevede la sostituzione manuale del file nella cartella dei modelli.
Per implementare il secondo metodo, è necessariomodificare il file index.php che si trova nella cartella principale del modello corrente. È interessato al tag <head>. Per far funzionare tutto come dovrebbe, è necessario inserire dal tag di apertura al tag di chiusura:
<link rel = "cascading style" type = "image / content type used" href = "/ favicon location" />.
Vai all'indice.php è possibile semplicemente passando attraverso le cartelle fino a quella desiderata o tramite il pannello di amministrazione. Nel pannello di controllo, vai su "Estensioni" e lì vai su "Gestore modelli". Tra le opzioni disponibili, è necessario selezionare quella corrente e fare clic su "Cambia il modello della pagina principale". Si aprirà l'editor del codice, in cui il codice sopra deve essere inserito tra i tag di apertura e chiusura.
A volte la favicon non viene visualizzata immediatamente nel motore di ricercaestradizione. Ciò può essere dovuto al fatto che la pagina non è stata ancora indicizzata. Vale la pena aspettare un po 'e dopo pochi giorni, o forse un mese, verrà visualizzata una nuova favicon nella parte superiore del sito.
Come modificare una favicon in Bitrix
Bitrix è un sistema di gestione dei contenuti sulla base del quale è possibile creare sia semplici siti web che portali aziendali. Sviluppato da 1C-Bitrix.
La struttura del file del sito è in qualche modo simile a Joomla eil processo di sostituzione di una favicon con quella desiderata è esattamente lo stesso. Cioè, devi andare alla cartella con il modello e copiare l'immagine desiderata nel formato ICO lì. Se non aiuta, prova ad aggiungerlo anche alla cartella principale del progetto.
C'è anche un altro metodo che può essere combinato con i due sopra elencati. Questo per scrivere le righe già note nel file principale:
<link rel = "style and its type" type = "image / image type" href = "/ path" />.
WordPress
WordPress è uno dei sistemi più famosiGestione dei contenuti. Ha guadagnato popolarità grazie al fatto che è gratuito, facile da imparare e funzionale. Come cambiare la favicon sul sito WordPress? Questo processo in questo CMS è più facile di chiunque altro. Devi andare al pannello di controllo e andare alla sezione Opzioni Cherry, quindi selezionare la scheda Logo e Favicon. Il file esistente deve essere rimosso utilizzando il pulsante Rimuovi. Quindi prepara una nuova icona e scaricala sul tuo computer. Ora, utilizzando la libreria multimediale, è necessario aggiungere l'icona aggiornata al database e salvare le modifiche.
Dopo tutte le manipolazioni, ricarica la pagina e guarda come è cambiata la favicon. È possibile che non venga visualizzato la prima volta, quindi è necessario aggiornare la cache del browser e riprovare.
C'è un altro modo per cambiare la favicon inWordPress. Per questo c'è un file speciale header.php, che è responsabile della visualizzazione dell'intestazione del sito. Ha un blocco con tag head. È proprio tra di loro che occorre inserire il seguente codice:
<link rel = "icon name" type = "image / extension type" href = "/ path to image" />
Intestazione.php si trova sotto il percorso / wp-content / temi / nome del tema. Vale la pena notare che le righe di codice utilizzano l'estensione ICO. Tuttavia, se la favicon corrente ha un tipo diverso, puoi specificare quello che ti serve nel codice.
conclusione
L'articolo descriveva in dettaglio come cambiarefavicon in diversi sistemi di gestione dei contenuti. Perché è necessario farlo e qual è l'interesse pratico di questa procedura? Il motivo più importante è il riconoscimento del sito. È dalla favicon che puoi riconoscere il tuo sito preferito nei risultati di ricerca. Inoltre, con un gran numero di schede aperte in un browser moderno, puoi capire rapidamente quale di esse contiene una determinata pagina.
Prima di cambiare la favicon, è necessariopreparare. Questo può essere fatto convertendo il disegno o il logo finito. Oppure disegna una nuova favicon a mano da zero. Ci sono molti editor online per questo, così come convertitori in rete.
