Favicon erstellen & einbinden

Gestern wurde ich in Twitter gefragt, wie man ein Favicon erstellt und in WordPress einbindet. Favicons sind die kleinen Icons, die man oben in der Adressleiste im Browser angezeigt bekommt oder auch wenn man eine Webseite in seinen Favoriten abspeichert. In den meisten RSS-Readern werden die Icons auch angezeigt. So kann man die einzelnen Webseiten unterscheiden und sie durch ihr Icons schneller erkennen.

Als erstes braucht ihr ein Grafikbearbeitungsprogramm. Damit erstellt ihr euch ein Logo oder Bild das ihr verwenden möchtet und speichert es als 16×16 Pixel große .gif oder .png Datei ab. Manche Leute verwenden auch 32×32 Pixel große Icons, eigentlich sind 16 Pixel aber der Standard. Der Grund warum wir erst im .png oder .gif Format speichern, ist ganz einfach. Die meisten Grafikbearbeitungsprogramme können keine Icons (.ico) erstellen.

Als nächstes ladet ihr euch Irfanview herunter. Das Programm ist kostenlos und kann u.a. sehr leicht Icons erstellen. Nach der Installation öffnet ihr eure vorhin erstellte Grafik und geht direkt wieder auf “Datei” -> “Speicher unter“. Im neuen Fenster wählt ihr dann den Speicherort und unten wählt ihr als Datei-Typ  ”ICO Windows Icon” aus. Es öffnet sich ein weiteres Fenster in dem ihr spezielle Einstellungen wie z.B. die Transparenz des Icons auswählen könnt. Das Icon sollte mit dem Dateinamen “favicon.ico” abgespeichert werden.

Als nächstes ladet ihr es auf euren Server ins Hauptverzeichnis von WordPress. Nicht ins Hauptverzeichnis eures Themes sondern direkt ins Hauptverzeichnis von WordPress. Habt ihr kein WordPress, dann kommt das Icon einfach ins Web-Hauptverzeichnis eurer Domain.

Zum Schluss ist noch eine kleine Anpassung der “header.php” in WordPress nötig bzw. in eurer Template-Datei. Sucht in der Datei nach “<header>” logischerweise ist es ziemlich weiter oben. ^^ Darunter fügt ihr dann folgende Zeile ein:

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

Abspeichern und fertig!

Ganz nebenbei: Irfanview ist ein sehr mächtiges Programm, dass sehr viele Funktionen hat. Die Installation lohnt sich also. Wer absolut kein Programm installieren möchte, kann auch verschiedene Favicon Online Generatoren probieren, die meisten Dienste dieser Art haben ihre Webseiten aber mit Werbung vollgestopft, deswegen erstelle ich so Kleinigkeiten lieber selbst.

Firefox 8.0

Offiziell erscheint der neue Firefox 8.0 erst morgen. Wer möchte, kann ihn sich aber schon vom Mozilla FTP Server herunterladen und installieren. Das habe ich vorhin gemacht und nach einigen Tests habe ich jetzt einen ersten Eindruck gewonnen.

Wenn man Firefox 8.0 installiert, wirkt das Installationsmenü neuer und moderner. Am Ende der Installation werden alle Plugins angezeigt. Hier kann man evtl. gleich aussortieren was man nicht mehr benötigt. Die Aktivierung neuer Plugins muss man ab jetzt immer bestätigen. Dadurch wird verhindert, dass sich z.B. die unbeliebten SearchBars/ToolBars einfach installieren.

Von der Oberfläche her, hat sich ansonsten wenig geändert. Es gibt jetzt bei der Suchfunktion die Möglichkeit direkt auf Twitter nach Hashtags oder Benutzern zu suchen. Nette Integration, aber ich bin mir nicht sicher ob das wirklich jemand benötigt.
Hat man mehrere Tabs geöffnet, kann man die Tabs jetzt gruppieren (wobei das ging doch auch in der Vorversion?). Gruppiert sieht man dann kleine Vorschaubilder und wenn man es  hin und herschiebt oder wieder vergrößert, gibt es nette visuelle Effekte.
HTML5 und eine verbesserte CSS Umsetzung soll es beim Firefox 8 ebenfalls geben. Das konnte ich jetzt auf die Schnelle nicht alles testen, aber klingt für uns Webentwickler ganz interessant.

Ein großes Problem gibt es beim Firefox 8.0 allerdings immer noch: Er ist langsam! Der erste Start nach einem System Neustart dauert jedes mal gefühlte 5 Minuten. Das war auch der Grund, warum ich damals zu Chrome gewechselt habe. Leider scheint, dass Problem immer noch zu bestehen. Ich weiß nicht was genau Firefox da macht, aber meine Festplatte fängt an zu rattern und das Ding hängt etwa 1 Minute lang. Versucht man etwas zu machen, bekommt man den Hinweis “Keine Rückmeldung”. Nach einiger Zeit fängt sich der Browser dann wieder und dann funktioniert er ohne Probleme. Effekt auch trotz deaktivierter Plugins und auf mehreren verschiedenen Computern.

Fazit: Mehr Sicherheit bei den Plugins ist ein Schritt in die richtige Richtung. Trotzdem kann Firefox was die Schnelligkeit angeht, leider immer noch nicht mit Chrome mithalten und deswegen werde ich auch weiterhin den Google Chrome Browser verwenden.

Gewinner 10 Euro Amazon Gutschein

Heute wurde der 1.000 Kommentar in meinem Blog verfasst. Danke, an alle die hier Kommentare abgeben. Wie schon angekündigt, bekommt der Autor des 1.000 Kommentars einen Amazon Gutschein im Wert von 10 Euro.

Gewonnen hat Michi. Zwar war die Art und Weise nicht ganz fair, aber da du auch schon früher Kommentare hier abgegeben hast, lassen wir es mal durchgehen.  ;-)  Ich hatte in Twitter nämlich angekündigt, dass nur noch weniger als 10 Kommentare geschrieben werden müssen und was für ein Wunder, gibt Michi gerade heute zufällig 9 Kommentare ab. Aber wie gesagt, nicht so schlimm auch andere Leute haben angekündigt, dass sie versuchen es zu berechnen und dann zur passenden Zeit einen Kommentar abgeben wollen. Die besten Berechnungen kommen aber nicht gegen die Macht der Sozialen Netzwerke an.  :mrgreen:

Wie auch immer, den Gutschein bekommt Michi per E-Mail. Glückwunsch!

10 Euro Amazon Gutschein

Bald wird einer von euch den 1.000 Kommentar in meinen Blog hinterlassen. Da ich meinen Besuchern sehr dankbar bin und ein Blog schließlich zum Teil auch von den Kommentaren lebt, habe ich ein kleines Geschenk für euch.

Der Autor des 1.000 Kommentar bekommt einen Amazon Gutschein im Wert von 10 Euro. Natürlich werden nur ernstgemeinte Kommentare gezählt. Kommentare wie “Ja”, “Toll” usw. mit nur einen Wort zählen nicht. Da wir schon ein ganzes Stück über 900 Kommentare sind, wollte ich es nur mal kurz bekannt geben. Viel Glück!  ;-)