Tag Archives: Worpderss
WordPress: Adresszeilen-Icon erstellen
Seit gestern habe ich in der Adresszeile ein mehr oder weniger tolles orangenes Quadrat. Eigentlich sollte dieses kleine Symbol etwas anders aussehen, aber nun ja. Die wenige Zeit die ich gerade habe lässt auch keine großartigen Änderungen zu. Aber was solls.
Wie bekommt man das Icon dort oben hin?
Das ganze ist eigentlich ganz einfach. Zuerst erstellt man zum Beispiel mit dem Open-Source Grafik-Tool GIMP ein kleines Bild. Die Maße 16×16 Pixlen ist dafür recht gut geeignet. Als nächstes kreiert man sein kleines Icon. Vorsicht, dass es nicht zu viele Details enthält, denn die sind bei der geringen Größe sowieso nachher nicht sichtbar. Eine Idee wäre, wenn man eine Farbe die auf der Seite oft vorkommt als Hintergrund wählt und dann zum Beispiel seine Initialen oder ein Symbol, was die Seite etwas charakterisiert. Diese Bilddatei speichert man dann unter dem Namen “favicon” mit dem Dateien-Typ “.ico”. Ich weiß, dass es bei GIMP möglich ist, eine Datei mit diesem Dateien-Typ zu erstellen und zu öffnen. Wie es da jedoch bei anderen Toll aussieht weiß ich nicht. Die erstellte Datei schiebt man dann direkt in das Hauptverzeichnis der Website, wo es benutzt werden soll. Anschließend muss die Änderung noch in der Datei “header.php” vorgenommen werden. Ich habe mir die Datei einfach via FTP runter geladen und im Editor geöffnet. Dort muss dann im “<head>” dieser Code eingebunden werden “<link href=”favicon.ico” rel=”shortcut icon”>”. Wenn alles fertig und gespeichert ist, muss man die Datei nur wieder dahin hochladen, wo man sie zuvor runtergeladen hat. Die Datei “header.php” befindet sich in dem Theme-Verzeichnis unter dem aktuell verwendeten Theme. Bei mir ist es zum Beispiel “mschnitzius.com/wp-content/themes/mandigo/header.php”. Anschließend sollte es funktionieren und man sollte das sein Icon in der Adressezeile wieder finden.
