Was ist der richtige Weg, um ein Favicon in Wordpress ohne Plugin hinzuzufügen? [geschlossen]

11

Was ist der richtige Weg, um ein Favicon in Wordpress ohne Plugin hinzuzufügen ?

Platziere ich einfach eine Datei favicon.icomit meinem Symbol im Stammverzeichnis meiner Website?

Benötige ich auch diesen Code?

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

Einige sagen, es ist dieser Code:

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

Und das ist für iPhones?

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

Irgendwelche Vorschläge zur Software, um sie zu erstellen oder von einem Miniaturbild zu konvertieren? Und welche Dateitypen werden unterstützt - nur .ico?

Ich habe einen anderen Thread mit so vielen Methoden gesehen und war mir nicht sicher, wie diese einfache Aufgabe am besten funktioniert : Wie ändere ich das WordPress-Favicon?

favicon DreamGrowers
quelle
6
Warum ohne Plugin- Einschränkung?
Chip Bennett
3
Die Frage enthält imho zu viele Off-Topic-Sachen. Enge Abstimmung.
Kaiser

Antworten:

15

Normalerweise lege ich die Symbole in einen Bilderordner innerhalb meines Themas, damit ich sie verwenden kann

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');

bearbeitet: um das Apple Touch-Symbol pro Kommentar hinzuzufügen und um zu verdeutlichen, dass Sie verwenden, wenn Sie ein untergeordnetes Thema verwenden, das Favicon sich jedoch im Bildordner des übergeordneten Themas befindet

get_template_directory_url();

Wenn Sie kein untergeordnetes Thema verwenden, funktioniert beides

Normalerweise erstelle ich meine Favoriten hier: http://tools.dynamicdrive.com/favicon/

Helgatheviking
quelle
Wäre es nicht besser, get_template_directory_uristattdessen ein untergeordnetes Thema zu verwenden ? Als Antwort auf die ursprüngliche Frage habe ich ein 114x114px Apple-Symbol wie das folgende hinzugefügt : <link rel="apple-touch-icon" href="<?php echo get_template_directory_uri(); ?>/apple-touch-icon.png">. Es gibt auch viel mehr Dokumentation über das Hinzufügen von Favoriten und Apple-Symbolen hier: github.com/h5bp/html5-boilerplate
1
Ich denke, HTML5BP hat es nicht geschafft, sie in den Header einzufügen. Wenn Sie die Symbole mit den richtigen Namen in das Site-Stammverzeichnis einfügen, werden sie von den meisten Browsern automatisch gefunden. Aber um Ihre Frage zu beantworten, Kinderthema versus Eltern ... hängt es tatsächlich davon ab, wo Sie das Favicon-Bild speichern. get_template_directory_uri () ruft die URL des übergeordneten Themas ab, während stylesheet_directory_uri () die URL des Kindes abruft, wenn es sich um ein Kind handelt, ODER die URL des Elternteils, wenn es das aktivierte Thema ist.
Helgatheviking
Du hast recht. Ich habe sie beide durcheinander gebracht ... html5bp hat sie zwar aus dem Header entfernt, aber es gibt immer noch eine großartige Dokumentation in der Quelle (hauptsächlich über die Apple-Symbole) mathiasbynens.be/notes/touch-icons
11

Eigentlich ist die richtige Methode ein Favicon hinzuzufügen , ist über ein Plugin , so dass die zugegebene Favicon nicht ist Theme abhängig . Verwenden Sie im Wesentlichen die Methode von @ helgatheviking, fügen Sie sie jedoch in ein benutzerdefiniertes Plugin ein und nicht in die functions.phpDatei Ihres Themas .

Hinweis: Wenn Sie eine Domäne der obersten Ebene verwenden, dh example.comeinfach favicon.icodas Dokumentstammverzeichnis ablegen, sind Sie fertig. Erstellen Sie für alles andere ein benutzerdefiniertes Plugin .

Hinweis 2: Siehe Trac Ticket Nr. 16434 . Dem Core wird eine Site-Favicon-Option hinzugefügt, von der hoffentlich Version 1 in der kommenden Version 3.4 verfügbar sein wird.

Chip Bennett
quelle
Eines Tages muss ich Ottos Snippet verwenden. Zum Glück ändern die Leute ihr Thema nicht täglich, aber ich stimme vollkommen zu, dass Favoriten (und Post-Typen usw.) nicht themenabhängig sein sollten. Ich freue mich darauf, dass dies zum Kern kommt.
Helgatheviking
Es ist wirklich nicht einmal so sehr ein "Ausschnitt". functions.phpStellen Sie sich das als eine Themendatei mit einem bestimmten phpDoc-Header vor, der in wp-content\plugins\some-plugin\namestatt in lebt wp-content\themes\some-theme-name.
Chip Bennett
2

Sei geduldig, der Kern ist für Hilfe da

Dies ist eine geplante Funktion mit zwei zugewiesenen Kernentwicklern, die mit 3.4 geliefert wird .

Kaiser
quelle
1
Wir laufen ein wenig hinterher - es kann sein, dass es in 3.4 nicht herauskommt. Nach dem heutigen Treffen werden wir mehr wissen.
Tom Auger
@ TomAuger Danke, dass du das auf dem neuesten Stand hältst. Fühlen Sie sich frei, einfach die Antwort zu bearbeiten, wenn Sie einen vollständigen Status haben.
Kaiser
1

Viel hängt vom verwendeten Thema ab. Wenn das Thema Ihr Favicon definiert (mit einem <link>Tag in der Kopfzeile), müssen Sie es favicon.icoin Ihrem Thema ersetzen , um es zu ändern.

Wenn Ihr Thema jedoch nichts definiert, favicon.icosollte es ausreichen , ein im Stammverzeichnis Ihrer Website zu platzieren.

EAMann
quelle