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?


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/


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.


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


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.

Durch die Nutzung unserer Website bestätigen Sie, dass Sie unsere Cookie-Richtlinie und Datenschutzrichtlinie gelesen und verstanden haben.
Licensed under cc by-sa 3.0 with attribution required.