Wie favicon einbinden?

moloko

hallo zusammen,

habe probleme beim einbinden eines favicons. habe schon etliche tutorials gelesen und auch ausprobiert.
leider ohne erfolg, villeicht könnt ihr mir helfen?

ich habe folgenden code in mein wahl theme <head>

HTML

<link rel=”shortcut icon” href="<?php bloginfo('template_url'); ?>/favicon.ico" />

<title>....

das favicon habe ich in mein theme hauptverzeichniss gelegt.

ich hatte auch schon

HTML

<link rel=”shortcut icon” href=”http://www.meine-seite.de/favicon.ico” type=”image/x-icon” />

leider beides ohne erfolg, was nun? wo ist der fehler?
g.m.:confused:

Werbepost

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

Söan

Es ist eigentlich richtig, gib mal den Link zur Seite. Könnte am Browsercache liegen.

moloko

http://www.ferienwohnung-stolpmann.de
welches von den beiden ist richtig? 1 oder 2 oder beide?
...g.m:(

Söan

Du hast irgendwie falsche Anführungsstriche bei

HTML

rel="shortcut icon"

meckes

Es gibt auch ein Plugin, welches die Möglichkeit bietet ein Favicon einzubinden:
Admin Favicon

mawek

Das ist so einfach...selbst das installieren eines weiteren Plugins wegen so einer Kleinigkeit ist weit komplizierter...

Lade favicon.ico in das Stammverzeichnis deines Blogs (dort wo sich auch die "index.php" befindet).

Nun das Theme bearbeiten (header.php) und direkt unter

HTML

<header>

folgendes einfügen:

HTML

<link rel="shortcut icon" href="favicon.ico">

Speichern, Fertig!

Ahja, zwecks Konformität lieber so:

HTML

<link rel="shortcut icon" href="favicon.ico" />

Neocon

Also, ich hab da mal eine Frage. Bin noch relativ neu in Sachen Wordpress und generell mit Webspace, HTML, PHP und all dem schönen Zeugs.

Nun denn:

Zitat

Lade favicon.ico in das Stammverzeichnis deines Blogs (dort wo sich auch die "index.php" befindet).

In meinem WebFTP habe ich die Datei index.php und drei Optionen: Datei editieren, Datei Download und Eigenschäften.

Ich sehe da nicht, wie genau ich etwas in dieser Datei hochladen kann?

Wenn ich auf Datei editieren klicke, erhalte ich eine Art Editor, wo der ganze Text seht, den man dann ändern kann.

Unter diesem Editor gibt es drei Schaltflächen: Zurück, Zurücksetzen und hochladen. Daneben gibt es die Option "Überschreiben erzwingen".

Ich nehme an, wenn ich den Text ändere und dann auf Hochladen klicke, mit der Option "Überschreiben erzwingen", ich so Änderungen vornehme. Aber: Das Favicon muss doch zu einem schon bestehenden Bild referieren, oder?

Die Referenz ist doch nicht da, wenn ich es genau in die Datei hochlade, oder?

-=Marc=-

Moin,

was für einen Vertrag hast denn Du, bzw. bei welchem Anbieter lässt Du Dein Blog hosten? Bei einem Webspace für.. ich sag jetzt mal um und bei 5 Euronen/Monat sollte heutzutage mindestens ein FTP-Zugang (klingt kompliziert, ist es aber nicht) im Paket enthalten sein.

Mittels dieses FTP-Zuganges und einer FTP-Software erhält man einen Zugang in die Ordnerstruktur auf dem gemieteten Webspace. Und dort kann man dann Dateien hochladen, runterladen, löschen, Zugriffrechte ändern, machen und tun.

Gruß
Marc

maxe

Da geb ich Marc recht, vergiss das WebFTP und versuch mal FileZilla als FTP-Client. Auf http://www.filezilla.de/ findest du den Download, eine "Schnellanleitung" und wertvolle Tipps (z.B. versteckte Dateien).

PS: Du sollst das favicon.ico nicht in die index.php laden, sondern nur in das Verzeichnis, wo die index.php liegt (also den html-Ordner).

Neocon

Hallo, Danke für die Antworten.

Also hier ist mal ein Screenshot.

http://img18.imageshack.us/img18/5295/81983225.jpg

Links auf "Datei hochladen" klicken?
Ist ja immer dasselbe Verzeichnis, oder?

Teddy-Gang

Zitat von Neocon

Hallo, Danke für die Antworten.
Also hier ist mal ein Screenshot.
http://img18.imageshack.us/img18/5295/81983225.jpg
Links auf "Datei hochladen" klicken?
Ist ja immer dasselbe Verzeichnis, oder?

Nicht ganz. Das Verzeichnis deiner Index.php ist html. Dorthin musst du auch dein Favicon kopieren und eben die Schritte unternehmen, die dir die anderen Schreiber schon aufgezeigt haben.

Grundsätzlich aber ist es immer eine Angelegenheit des verwendeten Browsers ob er Favicons überhaupt anzeigt. Die meisten tun das sicherlich, aber gerade im Unix Bereich gibt es einige Exoten denen Favicons fremd sind. Bei anderen Browsern wie bzw. dem IE musst du gar nichts im Code deiner Hompage ändern. Die suchen das Ding automatisch. Wichtig dabei ist, dass du wirklich ein Favicon erzeugt hast und nicht etwa nur eine Gif Graphik hochgeladen hast.

Gruß vom Teddy

COOOO

Zitat von mawek
Nun das Theme bearbeiten (header.php) und direkt unter
HTML
<header>
folgendes einfügen:
HTML
<link rel="shortcut icon" href="favicon.ico" />

Hallo,
bei mir wird das favicon nur auf der Startseite angezeigt :?:
Weiss jemand wieso?

LG
Marco.

maxe

ich würde es mal so in die header.php einbinden, dann hast du immer den kompletten Pfad dabei:

PHP

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

COOOO

yo passt, danke......

Bulliwolle

Wo packe ich den Code für das Favicon denn hin wenn ich in der header.php kein <header> stehen haben:

PHP

<?php
/**
 * @package WordPress
 * @subpackage Modularity
 */
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!--[if lte IE 6]>
<html xmlns="http://www.w3.org/1999/xhtml" <?php language_attributes(); ?> class="lteIE6">
<![endif]-->
<!--[if !IE]><!-->
<html xmlns="http://www.w3.org/1999/xhtml" <?php language_attributes(); ?>>
<!-- <![endif]-->
<head profile="http://gmpg.org/xfn/11">
<meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />


<title><?php wp_title(); ?> <?php bloginfo('name'); ?></title>


<!-- Styles  -->
    <link rel="stylesheet" type="text/css" href="<?php bloginfo('stylesheet_url'); ?>" />
    <link rel="stylesheet" href="<?php bloginfo('template_directory'); ?>/css/print.css" type="text/css" media="print" />
    <!--[if IE]><link rel="stylesheet" href="<?php bloginfo('stylesheet_directory'); ?>/library/styles/ie.css" type="text/css" media="screen, projection" /><![endif]-->
    <!--[if lte IE 7]><link type="text/css" href="<?php bloginfo('stylesheet_directory'); ?>/library/styles/ie-nav.css" rel="stylesheet" media="all" /><![endif]-->


<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />


<?php if ( is_singular() && get_option( 'thread_comments' ) )
        wp_enqueue_script( 'comment-reply' ); ?>


<?php wp_head(); ?>


</head>


<body <?php body_class(); ?>>
<div id="top">


<!-- Begin Masthead -->
<div id="masthead">
 <h4 class="left"><a href="<?php echo home_url( '/' ); ?>" title="<?php _e( 'Home', 'modularity' ); ?>" class="logo"><?php bloginfo( 'name' ); ?></a> <span class="description"><?php bloginfo( 'description' ); ?></span></h4>
</div>


    <?php wp_nav_menu( array( 'theme_location' => 'primary', 'container_class' => 'main-nav' ) ); ?>


<div class="clear"></div>
</div>


<div class="container">
<div class="container-inner">
    
    <?php if ( get_theme_mod( 'header_image' ) ) : ?>        
    <div id="header-image">
    <img src="<?php header_image() ?>" width="950" height="200" alt="" />
    </div>
    <?php endif; ?>

Alles anzeigen

Das Icon liegt schon im Stammverzeichnis, weiß jetzt nur nicht wohin mit dem Hinweis...

Grüße
Wolle

COOOO

Pack den Code vor das </head>

LG

Bulliwolle

Dann sieht das jetzt so aus:

PHP

<?php
/**
 * @package WordPress
 * @subpackage Modularity
 */
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!--[if lte IE 6]>
<html xmlns="http://www.w3.org/1999/xhtml" <?php language_attributes(); ?> class="lteIE6">
<![endif]-->
<!--[if !IE]><!-->
<html xmlns="http://www.w3.org/1999/xhtml" <?php language_attributes(); ?>>
<!-- <![endif]-->
<head profile="http://gmpg.org/xfn/11">
<link rel="shortcut icon" href="favicon.ico" />
<meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />


<title><?php wp_title(); ?> <?php bloginfo('name'); ?></title>


<!-- Styles  -->
    <link rel="stylesheet" type="text/css" href="<?php bloginfo('stylesheet_url'); ?>" />
    <link rel="stylesheet" href="<?php bloginfo('template_directory'); ?>/css/print.css" type="text/css" media="print" />
    <!--[if IE]><link rel="stylesheet" href="<?php bloginfo('stylesheet_directory'); ?>/library/styles/ie.css" type="text/css" media="screen, projection" /><![endif]-->
    <!--[if lte IE 7]><link type="text/css" href="<?php bloginfo('stylesheet_directory'); ?>/library/styles/ie-nav.css" rel="stylesheet" media="all" /><![endif]-->


<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />


<?php if ( is_singular() && get_option( 'thread_comments' ) )
        wp_enqueue_script( 'comment-reply' ); ?>


<?php wp_head(); ?>
<link rel="shortcut icon" href="favicon.ico" />
</head>


<body <?php body_class(); ?>>
<div id="top">


<!-- Begin Masthead -->
<div id="masthead">
 <h4 class="left"><a href="<?php echo home_url( '/' ); ?>" title="<?php _e( 'Home', 'modularity' ); ?>" class="logo"><?php bloginfo( 'name' ); ?></a> <span class="description"><?php bloginfo( 'description' ); ?></span></h4>
</div>


    <?php wp_nav_menu( array( 'theme_location' => 'primary', 'container_class' => 'main-nav' ) ); ?>


<div class="clear"></div>
</div>


<div class="container">
<div class="container-inner">
    
    <?php if ( get_theme_mod( 'header_image' ) ) : ?>        
    <div id="header-image">
    <img src="<?php header_image() ?>" width="950" height="200" alt="" />
    </div>
    <?php endif; ?>

Alles anzeigen

Aber leider erscheint das Favicon trotzdem nicht in den Tabs...
Habs mit Firefox und IE getestet.
Woran liegt das?

COOOO

Versuch es mit dem Code:

und 1x reicht....

und das favicon.ico muss auch favicon.ico heißen !

Bulliwolle

Super, danke, das Favicon steht! http://www.smiliesuche.de/daumen-hoch/

COOOO

haha, jetzt hab ich wieder das Problem bei meinem nächsten Blog:
http://redir.ec/skTL

Code in die header.php eingetragen, favicon hochgeladen, wird aber nicht angezeigt - was hab ich übersehen?

LG

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Wie favicon einbinden?

Jetzt mitmachen!