Qual è il modo corretto di aggiungere una favicon in Wordpress senza un plugin? [chiuso]

11

Qual è il modo corretto di aggiungere una favicon in Wordpress senza un plugin ?

Devo solo inserire un file chiamato favicon.icocon la mia icona nella radice del mio sito?

Ho bisogno anche di questo codice?

<link rel="shortcut icon" href="http://example.com/favicon.ico" type="image/x-icon" />

Alcuni dicono che è questo codice:

<link rel="icon" type="image/png" href="http://yourblog.com/favicon.png" />

E questo è per iPhone?

<link rel="apple-touch-icon" href="/customIcon.png" />

Qualche suggerimento sul software per crearlo o convertirlo da una miniatura? E quali tipi di file sono supportati, giusto .ico?

Ho visto un altro thread con così tanti metodi e non ero chiaro sulle migliori pratiche per questo semplice compito: come cambiare la favicon di WordPress?

favicon 
— DreamGrowers
fonte
6
Perché senza restrizioni Plugin ?
— Chip Bennett,
3
La domanda contiene troppe cose fuori tema. Voto ravvicinato.
— Kaiser

Risposte:

15

Di solito inserisco le icone in una cartella di immagini all'interno del mio tema, quindi le uso

function kia_add_favicon(){ ?>
    <!-- Custom Favicons -->
    <link rel="shortcut icon" href="<?php echo get_stylesheet_directory_uri();?>/images/favicon.ico"/>
    <link rel="apple-touch-icon" href="<?php echo get_stylesheet_directory_uri(); ?>/apple-touch-icon.png">
    <?php }
add_action('wp_head','kia_add_favicon');

modificato: per aggiungere l'icona a sfioramento di Apple per il commento e per chiarire che se si utilizza un tema figlio, ma la favicon si trova nella cartella dell'immagine del tema principale, si utilizzerà

get_template_directory_url();

se non stai usando un tema figlio, funzionerà anche uno di questi

Di solito creo le mie favicon qui: http://tools.dynamicdrive.com/favicon/

— helgatheviking
fonte
Nel caso di un tema figlio, non sarebbe meglio usare get_template_directory_uriinvece? In risposta alla domanda iniziale, ho aggiunto un Apple un'icona 114x114px in questo modo: <link rel="apple-touch-icon" href="<?php echo get_template_directory_uri(); ?>/apple-touch-icon.png">. C'è anche molta più documentazione sull'aggiunta di favicon e icone Apple qui: github.com/h5bp/html5-boilerplate
1
penso che html5bp si sia allontanato dall'aggiungerli nell'intestazione. se inserisci le icone con i nomi corretti nella radice del sito, la maggior parte dei browser le troverà automaticamente. ma per rispondere alla tua domanda, tema figlio contro genitore ... in realtà dipende da dove memorizzi l'immagine favicon. get_template_directory_uri () ottiene l'URL del tema principale, mentre stylesheet_directory_uri () ottiene l'URL del bambino SE è un bambino O l'URL del genitore se è il tema attivato.
— Helgatheviking
Hai ragione. Li ho mescolati entrambi ... html5bp li ha effettivamente rimossi dall'intestazione, ma c'è ancora dell'ottima documentazione nella fonte (principalmente sulle icone Apple) mathiasbynens.be/notes/touch-icons
11

In realtà, il metodo corretto per aggiungere una favicon è tramite un plugin , quindi la favicon aggiunta non dipende dal tema . In sostanza, usa il metodo di @ helgatheviking, ma inseriscilo in un Plugin personalizzato , piuttosto che nel functions.phpfile del tuo Tema .

Nota: se si utilizza un dominio di livello superiore, ad esempio example.com, è sufficiente favicon.icoinserire la radice del documento e il gioco è fatto. Per qualsiasi altra cosa, crea un plugin personalizzato .

Nota 2: fare riferimento a Trac Ticket n . 16434 . Un'opzione di favicon del sito è stata aggiunta al core, si spera che la versione uno arriverà nella prossima versione 3.4.

— Chip Bennett
fonte
uno di questi giorni devo usare lo snippet di otto. per fortuna le persone non cambiano il loro tema su base giornaliera, ma concordo pienamente sul fatto che le favicon (e i tipi di post, ecc.) non dovrebbero dipendere dal tema. in attesa di questo arrivo al centro.
— Helgatheviking
In realtà non è nemmeno un "frammento". Pensalo come un functions.phpfile di temi , con una particolare intestazione phpDoc, che vive wp-content\plugins\some-plugin\nameinvece che in wp-content\themes\some-theme-name.
— Chip Bennett,
1

Molto dipenderà dal tema che stai usando. Se il tema sta definendo la tua favicon (con un <link>tag nell'intestazione), dovrai sostituirla favicon.iconel tema per cambiarlo.

Ma se il tuo tema non sta definendo nulla, posizionare favicon.icoa alla radice del tuo sito dovrebbe essere sufficiente.

— EAMann
fonte
Utilizzando il nostro sito, riconosci di aver letto e compreso le nostre Informativa sui cookie e Informativa sulla privacy.
Licensed under cc by-sa 3.0 with attribution required.