Ich habe aufgeräumt…

… und FGNet.de einen neuen Anstrich gegeben. Wie in meinem letzten Artikel schon spekuliert, habe ich mir endlich die Zeit genommen und das weniger hübsche Design aus dem Vorjahr abgelöst. Ihr seht die Website nun in strahlendem weiß mit ein paar blauen Akzenten und – auch ich werde älter – etwas größerer Schrift. Neu ist außerdem das Bild im Seitenkopf. Als kleines Gimmick kann dies je nach Artikel auch individuell geändert werden.

Ich hoffe, dass euch das neue Design gefällt und ihr nun einen Anlass mehr habt, etwas öfter hier vorbei zu schauen.
Getestet habe ich das Design bisher unter Safari und Chrome (sowohl auf dem Desktop als auch auf dem iPad) – falls bei euch Fehler auftreten, bitte ich euch über die Kommentare oder Twitter Bescheid zu sagen und ich werde mich auf die Suche nach einer Lösung machen.

Für die nächste Zeit habe ich schon einige weitere Artikel in Planung, die euch vielleicht interessieren könnten. Schaut einfach vorbei und lasst euch überraschen. Unter anderem geplant sind:

Cheers,
– Fabian. 

[Update 2] Tschüß 2010, Hallo 2011!

Schon wieder ist ein Jahr vergangen, und der Großteil von euch stimmt mir sicher zu, dass die Zeit wieder wahnsinnig schnell vergangen ist. Ich muss sagen, dass 2010 für mich ein sehr abwechslungsreiches Jahr war – ich habe ein wahnsinnig tolles Praktikum absolviert, neuen Job begonnen, war nach über 10 Jahren wieder in Frankreich und bin wieder viel in Deutschland rumgereist. Auch für viele andere Menschen gab es im Jahr 2010 viele Ereignisse.

2010 war das Jahr der Fußballweltmeisterschaft in Südafrika, das Jahr des Rücktrittts von Horst Köhler, das Jahr des Baubeginns der „Nord Stream“-Pipeline durch die Ostsee, das Jahr der Demonstrationen um Stuttgart 21, das Jahr der Einführung des elektronischen Personalausweises, das Jahr erneuter Terroranschläge in Moskau und Terrorwarnungen in Deutschland, und das Jahr, in dem Deutschland mal wieder den Eurovision Song Contest gewonnen hat.

Mit dem Jahr 2010 endete aber auch ein ganzes Jahrzehnt, in dem viele herausragende Ereignisse geschehen sind und neue Technologien entwickelt wurden. Ich bin sehr gespannt, was das kommende Jahr und das kommende Jahrzehnt für uns bereithält. Zwei Dinge, die mich persönlich betreffen, weiß ich schon: ich werde erneut den Arbeitgeber wechseln und besuche nach mehreren Jahren wieder England – in ein paar Wochen ist es schon soweit.

Auch für FGNet hat sich 2011 schon etwas geändert. Wie ihr sicherlich gesehen habt, haben sich die Farbe und das Layout dieser Website etwas geändert. Diese Veränderungen werden hoffentlich noch mehr Besucher anziehen, denen diese Seite gefallen wird. Ich kann euch jedoch versprechen, dass es sicher nicht die letzte Änderung in diesem Jahr gewesen sein wird.

Update: Nichts ist vollkommen – leider auch das neue Design von FGNet nicht. Derzeit berichten Nutzer mit niedrigen Bildschirmauflösungen und Nutzer mit mobilen Endgeräten wie Smartphones leiche Darstellungsprobleme im Kopfbereich der Website. Ich arbeite so bald wie möglich an einer Lösung dieses Problems und bitte um euer Verständnis.

Update 2: Nachdem einige Zeit vergangen ist, habe ich den Fehler endlich erkannt und konnte die Ursache durch eine kleine (für Benutzer nicht sichtbare) Designänderung beheben. Sorry, dass es so lange gedauert hat 😉

Was waren eure Höhepunkte im Jahr 2010 / im vergangenen Jahrzehnt? Wisst ihr schon, was in diesem Jahr auf euch zukommen wird? Wie gefällt euch das neue Design von FGNet? – Ich freue mich auf eure Kommentare.

Ich wünsche euch ein erfolgreiches, glückliches und fröhliches Jahr und einen guten Start in die erste Arbeitswoche 2011.

Viele Grüße,
– Fabian

Intern: kleine Designänderungen auf FGNet.de

Aufmerksamen Besuchern ist es bestimmt schon aufgefallen: Ich habe meinen freien Tag genutzt, um ein paar kleine Änderungen am Design der Seite vorzunehmen, die ich euch nicht vorenthalten möchte.

Zum einen sind die Buttons mit Links zu den sozialen Netzwerken deutlich schöner geworden. Wo vorher graue Buttons mit hässlicher Schrift positioniert waren, wurden jetzt grüne, übersichtlichere Buttons platziert. Zu sehen sind die neuen Buttons auf der Startseite oben rechts.

Weiterhin habe ich den Abstand zwischen Text und Bildern etwas vergrößert. So sieht es nicht mehr aus, als ob das Bild eventuell Text verdecken würde, weil es keine klare Grenze zwischen Bild und Text gab. Gut kann man es am Strasbourg-Artikel erkennen, der jetzt deutlich lesbarer sein sollte.

Als Abschluss der Design-Anpassungen habe ich etwas an den Artikelüberschriften geändert. Der Abstand zwischen den Buchstaben wurde etwas verkleinert, wodurch in den Überschriften jetzt weniger hässliche Umbrüche mit riesen Abständen zwischen den Wörtern entstehen sollten.

Zwar sind es nur kleine Änderungen, aber auch durch diese Änderungen ist die Qualität des Blogs etwas gestiegen. Wenn ich demnächst etwas mehr Zeit haben werde, gibt es noch ein paar kleine Verbesserungen. Bisher habe ich aber gröbsten Sachen, die mich störten, schon angepasst.

Danke fürs Vorbeischauen,
– Fabian.

Intern: Reiseseite online

Hier ist nur eine kleine Mitteilung in eigener Sache 🙂

Um hier im Blog noch ein paar mehr Informationen über mich selbst zu publizieren, habe ich heute die Reiseseite online gestellt. Dort werdet ihr in Zukunft ein paar Fotos und Informationen zu meinen unternommenen und geplanten Reisen finden.

Die ersten Fotos sind schon verlinkt, weitere Berichte und Informationen kommen dann in den nächsten Tagen.

Viele Grüße,
– Fabian.

Die WPtouch-Erweiterung für WordPress

So sieht die Mobilversion von FGNet.de aus.

Falls ihr schon mal mit eurem iPhone, iPod oder einem anderen Mobilgerät auf FGNet.de wart, habt ihr vielleicht festgestellt, dass die Seite anders aussieht, als auf eurem PC. Der Grund dafür ist die WPtouch-Erweiterung für WordPress-Blogs.

Mit dieser Erweiterung wird euer Blog speziell für kleine Bildschirme und Handys aufbereitet und dargestellt. Das spart unter Anderem Ladezeit, sieht besser aus und spart natürlich auch Kosten, da bei der Mobilversion weniger Daten übertragen werden, als auf dem Computer.

Die Frage ist nun, wie WPtouch erkennt, ob man FGNet.de überhaupt mit einem mobilen Gerät aufruft oder ob man über seinen Webbrowser am PC darauf zugreifen will. Die Lösung liegt bei den sogenannten „User Agents“. Jeder Browser, teilweise sogar jede Version eines Browsers sendet bei jedem Seitenaufruf seinen User Agent an die Seite. Wenn man die Seite beispielweise mit Safari auf einem Mac öffnet, ist der User Agent:

Mozilla/5.0 (Macintosh; U; Intel Mac OS X 10_6_2; de-de) AppleWebKit/531.22.7 (KHTML, like Gecko)
Version/4.0.5 Safari/531.22.7

So wird der Seite mitgeteilt, dass man einen Mac mit Mac OS Version 10.6.2 und Safari verwendet. Einige Seiten sind nun so programmiert, dass sie, je nach verwendetem User-Agent, unterschiedliche Informationen und Designs anzeigen. Nach diesem Prinzip arbeitet auch WPtouch. Wenn die Erweiterung erkennt, dass man sie mit einem Browser fürs Handy aufruft, wird die spezielle Mobilversion geladen. Öffnet man die Seite zum Beispiel auf einem iPhone, wird der User Agent „iphone“ übermittelt. Die Erweiterung erkennt: „Aha, der User ist mit dem iPhone online, ich zeige deshalb die Mobilversion, anstatt der PC-Version an“.

Allerdings wurde WPtouch ursprünglich nur für Geräte wie das iPhone programmiert und andere Geräte werden nicht unterstützt. Dies kann man aber mit einem kleinen Handgriff ändern.

Zuerst öffnet man die sein WordPress Backend (den Admin-Bereich) und geht dort auf die WPtouch-Einstellungsseite. Im Bereich „Advanced Options“ findet man ein „Custom User-Agents“-Feld. In dieses Feld tragt ihr einfach alle anderen User-Agents ein, bei denen die Mobilversion eures Blogs geladen werden soll.

Ich habe zum Beispiel

nokia, iemobile, symbian, opera mini, opera mobi, windows ce, samsung, wap, symbian, wml,
pda, ericsson, sonyericsson

als „Custom User-Agents“ eingetragen. Somit wird die Seite auch auf Geräten wie Nokia-Handys, dem Internet Explorer Mobile, einem PDA oder im Opera-Mobile-Browser in der Mobilversion dargestellt.

Wichtig ist, dass der Mobilbrowser JavaScript unterstützt und das JavaScript aktiviert ist – sonst funktioniert WPtouch nicht richtig. Falls man sich doch anders entscheidet und die PC-Version auf seinem Handy sehen möchte, kann man jeweils ganz unten auf den einzelnen Seiten die Mobilversion ausschalten.

Das "Custom User-Agents"-Feld im WordPress Backend.

Ich hoffe, euch hat der Artikel einen kleinen Einblick in WPtouch und die dahinterliegende Funktionsweise gegeben.

Kennt ihr andere Plugins für Mobile WordPress-Blogs? Verwendet ihr auch WPtouch? Wie sieht die Mobilversion von FGNet.de auf eurem Handy aus? – Lasst es mich wissen!

Viele Grüße aus der iPhone-Ecke,
– Fabi