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

29 feb 2012, 17:14:41

Visualizzazioni: 26.4K

Voti: 14

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

Devo semplicemente inserire un file chiamato favicon.ico con la mia icona nella root 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 il codice è questo:

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

E questo è per iPhone?

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

Avete suggerimenti su software per crearla o per convertirla da una miniatura? E quali tipi di file sono supportati - solo .ico?

Ho visto un'altra discussione con così tanti metodi e non mi era chiaro quale fosse la migliore pratica per questo semplice compito: Come cambiare la favicon di WordPress?

DreamGrowers

171

favicon

Commenti

Perché la restrizione senza Plugin?

Chip Bennett

Chip Bennett

29 feb 2012 17:36:58

La domanda contiene, secondo me, troppi elementi fuori tema. Voto per la chiusura.

kaiser

kaiser

29 feb 2012 20:54:28

Tutte le risposte alla domanda

Di solito inserisco le icone in una cartella images all'interno del mio tema, quindi utilizzerei:

function kia_add_favicon(){ ?>
    <!-- Favicon personalizzati -->
    <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 apple-touch come da commento, e per chiarire che se stai utilizzando un child theme ma il favicon si trova nella cartella images del tema genitore, dovresti usare:

get_template_directory_uri();

Se non stai usando un child theme, entrambe le funzioni funzioneranno.

Di solito creo i miei favicon qui: http://tools.dynamicdrive.com/favicon/

helgatheviking

14.5K

29 feb 2012 17:28:14

Commenti

Nel caso di un child theme, non sarebbe meglio usare get_template_directory_uri? In risposta alla domanda originale, ho aggiunto un'icona Apple 114x114px in questo modo: <link rel="apple-touch-icon" href="<?php echo get_template_directory_uri(); ?>/apple-touch-icon.png">. C'è molta altra documentazione sull'aggiunta di favicon e icone Apple qui: https://github.com/h5bp/html5-boilerplate

User

User

29 feb 2012 20:37:40

Penso che html5bp si sia allontanato dall'aggiungerle nell'header. Se metti le icone con i nomi corretti nella root del sito, la maggior parte dei browser le troverà automaticamente. Ma per rispondere alla tua domanda, child theme rispetto al parent... in realtà dipende da dove memorizzi l'immagine del favicon. get_template_directory_uri() ottiene l'URL del tema parent, mentre stylesheet_directory_uri() ottiene l'URL del child SE è un child theme OPPURE l'URL del parent se è il tema attivato.

helgatheviking

helgatheviking

29 feb 2012 20:41:47

Hai ragione. Li ho confusi entrambi... html5bp li ha effettivamente rimossi dall'header, ma c'è ancora un'ottima documentazione nel sorgente (principalmente sulle icone Apple) mathiasbynens.be/notes/touch-icons

User

User

29 feb 2012 21:01:18

In realtà, il metodo corretto per aggiungere un favicon è tramite un Plugin, in modo che il favicon aggiunto non dipenda dal Tema. Fondamentalmente, utilizza il metodo di @helgatheviking, ma inseriscilo in un Plugin personalizzato, invece che nel file functions.php del tuo Tema.

Nota: se stai utilizzando un dominio di primo livello, ad esempio example.com, basta posizionare favicon.ico nella root del documento ed è fatto. Per qualsiasi altra cosa, crea un Plugin personalizzato.

Nota 2: Fai riferimento al Ticket Trac #16434. Un'opzione per il favicon del sito verrà aggiunta al core, si spera che la prima versione sia inclusa nel prossimo rilascio 3.4.

Chip Bennett

55.1K

29 feb 2012 17:42:04

Commenti

uno di questi giorni dovrò usare lo snippet di otto. per fortuna le persone non cambiano tema quotidianamente, ma sono completamente d'accordo che i favicon (e i post type, ecc.) non dovrebbero dipendere dal tema. non vedo l'ora che questa funzionalità venga integrata nel core.

helgatheviking

helgatheviking

29 feb 2012 20:51:15

In realtà non è nemmeno tanto uno "snippet". Pensalo come un file functions.php di un tema, con un particolare header phpDoc, che risiede in wp-content\plugins\some-plugin\name invece che in wp-content\themes\some-theme-name.

Chip Bennett

Chip Bennett

29 feb 2012 21:34:33

Molto dipenderà dal tema che stai utilizzando. Se il tema sta definendo il tuo favicon (con un tag <link> nell'header), allora dovrai sostituire favicon.ico nel tuo tema per modificarlo.

Ma se il tuo tema non sta definendo nulla, posizionare un favicon.ico nella root del tuo sito dovrebbe essere sufficiente.

EAMann

32.2K

29 feb 2012 17:31:30

Commenti

Risposta migliore di sicuro con un <link rel="icon" type="image/x-icon" href="favicon.ico"> all'interno del tag <head> del tuo file header.php nel child theme.

Isak La Fleur

Isak La Fleur

25 nov 2021 12:36:05

Sii paziente, il core è qui per aiutare

Questa è una funzionalità pianificata, con due sviluppatori core assegnati, che arriverà con la versione 3.4.

kaiser

50.8K

29 feb 2012 20:53:54

Commenti

Siamo un po' in ritardo - potrebbe non essere pronto per la 3.4. Sapremo di più dopo la riunione di oggi.

Tom Auger

Tom Auger

7 mar 2012 17:40:14

@TomAuger Grazie per tenere aggiornato questo. Sentiti libero di modificare direttamente la risposta quando avrai uno stato completo.

kaiser

kaiser

7 mar 2012 21:17:08