• [h=2]Favicon[/h]


    [INDENT]Hallo, schönen Sonntag! :-)

    Ich versuche, ein einfaches Favicon zu benutzen. Leider komme ich nicht weiter. Was ich bisher getan habe:

    Favicon generiert und die Datei favicon.ico in den Wordpress-Ordner auf meiner Festplatte geschoben. Danach per FTP den Ordner aktualisiert.

    Reicht bestimmt noch nicht,oder? ;-)

    Liebe Grüße!
    [/INDENT]

    • Anzeige

    Hallo!

    Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

    • ✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
    • ✔️ Deutsche Server & DSGVO-konform
    • ✔️ Persönlicher Support (kein 0815-Ticket-System)

    Mehr erfahren

  • Das reicht, wenn die Datei im Root der Domain liegt. Wenn Du also die Seite über xyz.de/wordpress aufrufst, dann muss die Datei in dem Ordner liegen, auf den xyz.de zeigt. Alternativ kannst Du im Quelltext der Seite auch einfach angeben, wo das Favicon zu finden ist. Dazu in der header.php des Themes das hier einfügen:

    PHP
    <link rel="shortcut icon" type="image/x-icon" href="<?php bloginfo('template_directory'); ?>/img/favicon.ico" />

    Hierbei liegt das Icon im Unterordner "img" des Themes. Achtung bei Themes wie TwentyTen, die ab und an mal aktualisiert werden: Child Theme nutzen, sonst sind die Änderungen bei der nächsten WordPress-Aktualisierung ggf. wieder weg.

  • Vielen Dank für deine Antwort, Ammaletu. :-) Internettechnik lerne ich noch, deshab muss ich nachfragen, ich hoffe, das ist ok:

    Meine Seite rufe ich über xyz.de auf. Dort erscheint mein Wordpress-Blog (meine Hauptseite ist ausschließlich mein Blog). Ich kann dann in die Ansicht gehen und den Quelltest öffnen. Ist das richtig?

    Dort muss ich den von dir oben angegebenen (oder den vom Favicon-Generator zur Verfügung gestellten) Code eingeben.

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

    Welchen soll ich nehmen?

    Wo genau (an welcher Stelle) füge ich den Code in den Quelltext ein?

    Vielen, vielen Dank!

  • Vielen Dank, scotti und Manuel! :-)

    Soweit bin ich jetzt:

    Die Datei favicon.ico habe ich in den Wordpress-Ordner gezogen und dann per FTP (FileZilla) hochgeladen.
    Danach war kein Favicon in der Adresszeile zu sehen.

    Dann nach Anleitung (scottis Link) vorgegangen und im Ordner Wordpress - wpcontent - Themes - Twentyeleven - header.php den angegebenen HTML-Code eingefügt. Das sieht dann so aus:

    /* We add some JavaScript to pages with the comment form

    * to support sites with threaded comments (when in use).

    */

    if ( is_singular() && get_option( 'thread_comments' ) )

    wp_enqueue_script( 'comment-reply' );


    /* Always have wp_head() just before the closing </head>

    * tag of your theme, or you will break many plugins, which

    * generally use this hook to add elements to <head> such

    * as styles, scripts, and meta tags.

    */

    wp_head();

    [FONT=Courier New][size=10][COLOR=#204a87][FONT=Courier New][size=10][COLOR=#204a87][FONT=Courier New][size=10][COLOR=#204a87]<link
    [/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT]
    [FONT=Courier New][size=10][COLOR=#c4a000][FONT=Courier New][size=10][COLOR=#c4a000][FONT=Courier New][size=10][COLOR=#c4a000]rel=[/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][FONT=Courier New][size=10][COLOR=#4e9a06][FONT=Courier New][size=10][COLOR=#4e9a06][FONT=Courier New][size=10][COLOR=#4e9a06]"shortcut icon"[/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][FONT=Courier New][size=10][COLOR=#c4a000][FONT=Courier New][size=10][COLOR=#c4a000][FONT=Courier New][size=10][COLOR=#c4a000]href=[/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][FONT=Courier New][size=10][COLOR=#4e9a06][FONT=Courier New][size=10][COLOR=#4e9a06][FONT=Courier New][size=10][COLOR=#4e9a06]"/favicon.ico"[/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][FONT=Courier New][size=10][COLOR=#c4a000][FONT=Courier New][size=10][COLOR=#c4a000][FONT=Courier New][size=10][COLOR=#c4a000]type=[/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][FONT=Courier New][size=10][COLOR=#4e9a06][FONT=Courier New][size=10][COLOR=#4e9a06][FONT=Courier New][size=10][COLOR=#4e9a06]"image/x-icon"[/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][FONT=Courier New][size=10][COLOR=#204a87][FONT=Courier New][size=10][COLOR=#204a87][FONT=Courier New][size=10][COLOR=#204a87]>[/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT]
    [FONT=Courier New][size=10][COLOR=#204a87][FONT=Courier New][size=10][COLOR=#204a87][FONT=Courier New][size=10][COLOR=#204a87]
    <link
    [/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT]
    [FONT=Courier New][size=10][COLOR=#c4a000][FONT=Courier New][size=10][COLOR=#c4a000][FONT=Courier New][size=10][COLOR=#c4a000]rel=[/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][FONT=Courier New][size=10][COLOR=#4e9a06][FONT=Courier New][size=10][COLOR=#4e9a06][FONT=Courier New][size=10][COLOR=#4e9a06]"icon"[/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][FONT=Courier New][size=10][COLOR=#c4a000][FONT=Courier New][size=10][COLOR=#c4a000][FONT=Courier New][size=10][COLOR=#c4a000]href=[/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][FONT=Courier New][size=10][COLOR=#4e9a06][FONT=Courier New][size=10][COLOR=#4e9a06][FONT=Courier New][size=10][COLOR=#4e9a06]"/favicon.ico"[/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][FONT=Courier New][size=10][COLOR=#c4a000][FONT=Courier New][size=10][COLOR=#c4a000][FONT=Courier New][size=10][COLOR=#c4a000]type=[/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][FONT=Courier New][size=10][COLOR=#4e9a06][FONT=Courier New][size=10][COLOR=#4e9a06][FONT=Courier New][size=10][COLOR=#4e9a06]"image/x-icon"[/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][FONT=Courier New][size=10][COLOR=#204a87][FONT=Courier New][size=10][COLOR=#204a87][FONT=Courier New][size=10][COLOR=#204a87]>[/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT]
    [FONT=Courier New][size=10][COLOR=#204a87][FONT=Courier New][size=10][COLOR=#204a87][FONT=Courier New][size=10][COLOR=#204a87]
    [/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT][/COLOR][/SIZE][/FONT]
    [size=10]?>

    </head>

    Danach habe ich die Datei geschlossen (Gespeichert) und FileZilla wieder angeschmissen. Im linken FileZilla-Fenster auf die header.php-Datei geklickt, dann wurde ich gefragt, ob ich überschreiben möchte, JA, möchte ich und weg damit.

    Dann Cache geleert und wieder kein Favicon. Ich mache bestimmt etwas falsch...
    Was ich bisher an meinen Dateien geändert habe:

    Im Wordpress-Hauptverzeichn liegt die Datei favicon.ico und in der header.Php-Datei ist nur oben genannter Text.

    Habt ihr eine Idee? Vielen Dank nochmal![/SIZE]

  • Ja, einen Blog mit eigener Internetadresse habe ich. Ich weiß nur nicht, wie ich in FileZilla die favicon.ico direkt auf die Domain ziehe.
    Bisher habe ich FileZilla immer nur so benutzt, dass ich die Wordpress-Ordner synchronisiert habe.

    Ich weiß gar nicht, wo ich was eingeben soll. Entschuldige, bitte! :-(

  • Falls es jemanden interessiert:

    Ich habe das favicon.ico auf Höhe des public-html-Verzeichnisses geladen. Nun wird es von der WordPress-Site angezeigt.
    Contao übernimmt dieses Favicon ebenfalls.

    Einige andere CMS (PixotX beispielsweise) haben ihre eigenen vorinstallierten Favicons, da wird es etwas aufwändiger.

    Gruß Hans

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!