Care este modalitatea corectă de a adăuga un favicon în WordPress fără plugin?

29 feb. 2012, 17:14:41

Vizualizări: 26.4K

Voturi: 14

Care este modalitatea corectă de a adăuga un favicon în WordPress fără plugin?

Este suficient să plasez un fișier numit favicon.ico cu iconița mea în directorul rădăcină al site-ului?

Am nevoie și de acest cod?

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

Unii spun că este acest cod:

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

Iar acesta este pentru iPhone-uri?

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

Aveți sugestii despre software pentru a crea sau converti dintr-o miniatură? Și ce tipuri de fișiere sunt acceptate - doar .ico?

Am văzut un alt thread cu foarte multe metode și nu mi-a fost clar care este cea mai bună practică pentru această sarcină simplă: Cum să schimbi favicon-ul WordPress?

DreamGrowers

171

favicon

Comentarii

De ce restricția fără Plugin?

Chip Bennett

Chip Bennett

29 feb. 2012 17:36:58

Întrebarea conține, după părerea mea, prea multe elemente off topic. Vot pentru închidere.

kaiser

kaiser

29 feb. 2012 20:54:28

Toate răspunsurile la întrebare

De obicei plasez iconițele într-un folder images din cadrul temei mele, așa că aș folosi:

function kia_add_favicon(){ ?>
    <!-- Favicon personalizat -->
    <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');

editat: pentru a adăuga iconița apple touch conform comentariului și pentru a clarifica că dacă utilizați o temă copil, dar favicon-ul se află în folderul images al temei părinte, ați folosi

get_template_directory_url();

dacă nu utilizați o temă copil, atunci oricare dintre ele va funcționa

Eu de obicei creez favicon-urile aici: http://tools.dynamicdrive.com/favicon/

helgatheviking

14.5K

29 feb. 2012 17:28:14

Comentarii

În cazul unei teme copil, nu ar fi mai bine să folosești get_template_directory_uri? Ca răspuns la întrebarea inițială, am adăugat o pictogramă Apple de 114x114px astfel: <link rel="apple-touch-icon" href="<?php echo get_template_directory_uri(); ?>/apple-touch-icon.png">. Există și mult mai multă documentație despre adăugarea favicoanelor și pictogramelor Apple aici: https://github.com/h5bp/html5-boilerplate

User

User

29 feb. 2012 20:37:40

Cred că html5bp s-a îndepărtat de adăugarea lor în header. Dacă pui pictogramele cu numele corect în rădăcina site-ului, majoritatea browserelor le vor găsi automat. Dar pentru a răspunde la întrebarea ta, temă copil versus părinte... depinde de fapt unde păstrezi imaginea favicon. get_template_directory_uri() obține URL-ul temei părinte, în timp ce stylesheet_directory_uri() obține URL-ul copilului DACA este o temă copil SAU URL-ul părintelui dacă este tema activată.

helgatheviking

helgatheviking

29 feb. 2012 20:41:47

Ai dreptate. Le-am amestecat pe amândouă... html5bp le-a într-adevăr eliminat din header, dar încă există o documentație grozavă în sursă (în special despre pictogramele Apple) mathiasbynens.be/notes/touch-icons

User

User

29 feb. 2012 21:01:18

De fapt, metoda corectă de a adăuga un favicon este prin intermediul unui Plugin, astfel încât favicon-ul adăugat să nu fie dependent de Temă. În esență, folosește metoda lui @helgatheviking, dar plasează-o într-un Plugin personalizat, în loc să o pui în fișierul functions.php al Temei tale.

Notă: dacă folosești un domeniu de nivel superior, adică example.com, pur și simplu plasează favicon.ico în rădăcina documentului și ai terminat. Pentru orice altceva, creează un Plugin personalizat.

Notă 2: Consultă Trac Ticket #16434. O opțiune pentru favicon-ul site-ului este adăugată în nucleu, iar prima versiune a acesteia sperăm să fie inclusă în viitoarea versiune 3.4.

Chip Bennett

55.1K

29 feb. 2012 17:42:04

Comentarii

într-o zi trebuie să folosesc fragmentul de cod al lui Otto. din fericire, oamenii nu își schimbă tema zilnic, dar sunt complet de acord că faviconurile (și tipurile de articole, etc.) nu ar trebui să depindă de temă. aștept cu nerăbdare să fie integrat în nucleu.

helgatheviking

helgatheviking

29 feb. 2012 20:51:15

Nu este chiar atât de mult un "fragment de cod". Gândiți-vă la el ca la un fișier functions.php al unei teme, cu un antet phpDoc specific, care se află în wp-content\plugins\some-plugin\name în loc să fie în wp-content\themes\some-theme-name.

Chip Bennett

Chip Bennett

29 feb. 2012 21:34:33

Mult va depinde de tema pe care o folosești. Dacă tema definește favicon-ul tău (cu un tag <link> în header), atunci va trebui să înlocuiești favicon.ico în tema ta pentru a-l schimba.

Dar dacă tema ta nu definește nimic, plasând un fișier favicon.ico în rădăcina site-ului tău ar trebui să fie suficient.

EAMann

32.2K

29 feb. 2012 17:31:30

Comentarii

Cel mai bun răspuns cu siguranță cu un <link rel="icon" type="image/x-icon" href="favicon.ico"> plasat în interiorul tag-ului <head> din fișierul header.php al temei child.

Isak La Fleur

Isak La Fleur

25 nov. 2021 12:36:05

Ai răbdare, nucleul este acolo pentru ajutor

Acesta este un feature planificat, cu doi dezvoltatori de nucleu asignați, care va veni cu versiunea 3.4.

kaiser

50.8K

29 feb. 2012 20:53:54

Comentarii

Suntem puțin în urmă - s-ar putea să nu fie gata pentru versiunea 3.4. Vom afla mai multe după ședința de astăzi.

Tom Auger

Tom Auger

7 mar. 2012 17:40:14

@TomAuger Mulțumim că ții asta la zi. Poți să editezi răspunsul când ai un status complet.

kaiser

kaiser

7 mar. 2012 21:17:08