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.

About Me Plugin und Google+

Rechts in meiner Sidebar findet ihr Icons zu meine Social Network Seiten. Umgesetzt habe ich das Anzeigen der Icons mithilfe eines WordPress Plugins das sich “About Me” nennt. Das Plugin ist recht simpel aufgebaut. Man kann im Admin Bereich seine Profilnamen oder IDs zu den passenden Netzwerken eingeben und dann die Reihenfolge der Icons einstellen. In den letzten Jahren war ich ganz zufrieden mit dem Plugin. Eigentlich bin ich es immer noch, aber es fehlt ein aktuelles Update, dass es möglich macht Google+ Profile einzubinden.

Es ist aber ganz einfach dieses Plugin Google+ fähig zu machen und deshalb hier eine kurze  Anleitung.

  1. Im Admin Interface von WordPress geht ihr auf “Plugins” und klickt dort unter “About Me” den Link “Bearbeiten” an.
  2. Sucht im Quelltext nach dem Code
    array(40,'studivz.png','http://www.studivz.net/Profile/%userid%','Enter your StudivZ ID.','StudiVZ'),
  3. Fügt unter der Zeile folgenden Code ein und klickt dann auf “Datei aktualisieren
  4. array(41, 'gplus.png','http://plus.google.com/%userid%','Enter your Google+ ID','Google+'),
  5. Ladet euch dann ein passendes Icon mit dem Dateinamen gplus.png ins Plugin-Verzeichnis (/wp-content/plugins/about-me/images)Ein passendes Icon findet ihr bei den Google Webmaster Tools.
  6. Als letztes müsst ihr die Google+ ID ganz gewöhnlich wie alle anderen IDs oder Namen in den Plugin Einstellungen hinzufügen.

Blogseminar

Wie ich schon angekündigt habe, werde ich 2010 an einem Blog-Projekt teilnehmen. Das Projekt heißt “Blogseminar” und wurde von Konna ins Leben gerufen. Bei dem Projekt geht es darum, sein Blog zu optimieren. Es wird verschiedene Aufgaben geben, die man so gut wie möglich umsetzen soll. Jede Änderung ist natürlich freiwillig und muss nicht gemacht werden. Wenn z.B. jemand den Quellcode seines Blogs nicht verändern möchte, kann er die Aufgabe einfach überspringen. Falls ihr mitmachen möchtet, könnt ihr euch heute noch anmelden.

Ich erhoffe mir von dem Projekt, dass ich viele interessante Dinge übers Bloggen und über WordPress lerne. Konna’s Blog ist sehr erfolgreich. Am besten lernt man von Menschen die sich mit etwas sehr gut auskennen und es auch selbst in der Praxis anwenden. Bin schon sehr gespannt wie es wird und ob es am Ende des Jahres auch etwas gebracht hat.

Umstellung auf WordPress

wordpress_logo

Nachdem ich nun ungefähr ein Jahr lang Serendipity als Blog-System genutzt habe, habe ich mein Blog heute auf WordPress umgestellt. Die Vorbereitungen für die Umstellung haben natürlich etwas länger gedauert, aber heute kann ich euch endlich das Ergebnis präsentieren. Es gibt einige Gründe, warum ich mich für WordPress entschieden habe und nicht bei Serendipity geblieben bin. WordPress bietet zur Zeit einfach mehr Plugins und wird deutlich schneller Weiterentwickelt.

Das Design des Blogs habe ich diesmal noch nicht selbst gemacht! Ich wollte erstmal so schnell wie möglich auf WordPress umsteigen und ich möchte mich mit dem System vertraut machen, bevor ich anfange ein eigenes Design zu bauen. Dieses fertige Design gefällt mir ganz gut. Ich habe auch ein paar Kleinigkeiten verändert, damit es etwas mehr zu meinen alten Design passt. Ich hoffe es gefällt euch so. In der nächsten Zeit werden sich bestimmt noch einige Dinge in meinem Blog ändern und im Herbst werde ich dann anfangen ein eigenes Design zu basteln.