Für mich ist das keine Glaubensfrage. Es gibt kein perfektes Betriebssystem, sehr wohl aber für jeden Topf den passenden Deckel. Manchmal erfüllt ein OS die gestellte Aufgabe ideal, manchmal ist es aber auch nur persönlicher Geschmack, der über den Einsatz entscheidet.

Seit Mai 2005 benutze ich privat primär Computer aus dem Hause Apple. Der Einstieg geschah über ein PowerBook G4 15″. Ein wichtiger Entscheigungsgrund war für mich u.a. der Unterbau von OS X in Form von Darwin basierend auf FreeBSD. Letzteres ist ein ausgezeichnetes Server-Betriebssystem.

Obwohl im Laufe der Jahre das heimische “Apple-Ökosystem” weiter ausgebaut wurde (inkl. aTV, TimeCapsule, iPhone, iPad), kommt im Homerecording Bereich nach wie vor ein PC mit Windows XP zum Einsatz. In diesem befinden sich einige spezielle Hardware-Karten (z.B. Creamware Pulsar), für die es keine Mac Treiber gibt. Außerdem gibt es noch einen Server mit FreeBSD, der als NAS und lokaler Webserver fungiert.

Im geschäftlichen Bereich arbeite ich ebenfalls mit OS X auf einem MacBook Alu 13,3″. Gelegentlich starte ich aber auch VMware Fusion mit XP und Windows 7, da wir in Kooperation eine Konfigurierungssoftware für ein Hardwaregerät entwickelt haben und pflegen.

Alle anderen Arbeitsplätze benutzen Windows Clients (XP und 7). In unserer Infrastruktur werkeln ein Windows Small Business Server und ein FreeBSD Dateiserver. Zudem betreiben wir unseren eigenen Root-Webserver mit Ubuntu LTS bei Hetzner. Fast alle Mitarbeiter, die auch mal unterwegs sind, arbeiten mit iPhone und iPad. Letzters ist ideal um umfangreiche Dokumentation trageleicht mit sich zu führen.

Eine bunte Mischung also, und genau die machts. Noch Fragen, Bruce?

1. Responsive Design
2. Artikelformate
3. WordPress Galerien

Für meine Verhältnisse war das ziemlich ambitioniert. Trotzdem wollte ich es so durchziehen. Und das Ergebnis seht ihr nun vor euch: Theme Version 0.5.

Responsive Design

Da immer mehr Leute Webseiten auf mobilen Endgeräten betrachten, ist es für den Besucher eine große Erleichterung, wenn das Layout einer Webseite auf die zwangsläufig kleineren Bildschirme ausgelegt ist. Eine Lösungsmöglichkeit stellen spezielle mobile Themes wie z. B. WP Touch dar. Allerdings läßt man sich so auf ein vorgefertigtes und von vielen benutztes Design ein, daß mancher Besucher schon nicht mehr sehen kann.

Eine bessere Möglichkeit stellen die sogenannten Media Queries von CSS3 dar. In dem Stylesheet seiner Webseite hinterlegt man damit angepasste Formatierungen für spezielle Bildschirmauflösungen. Die Größe des Browserfensters entscheidet also, welche CSS Angaben letztendlich zur Anwendung kommen. Entwickelt man ein passendes Layout und arbeitet zusätzlich mit Prozentangaben für die Dimensionen der Elemente, erhält man fast fließende Übergänge zwischen den einzelnen, festgelegten Bildschirmgrößen.

Der Wellenspeicher wird z. B. auf dem iPad noch inkl. Seitenleiste angezeigt, auf dem iPhone wandert diese dann unter die Artikel. Bilder werden je nach verfügbarer Größe skaliert.

Eine Quelle an Inspiration (und damit meine ich nicht als Kopiervorlage) für die Umsetzung des Responsive Designs waren für mich die Artikel von Elmastudio und deren fabelhaftes Theme Yoko.

Artikelformate

Artikelformate (Post Formats) wurden hauptsächlich durch Tumblr bekannt. Bei WordPress sind diese mit der Version 3.1 eingeführt worden. Abhängig vom Typ (Text, Zitat, Link, Bild, etc.) kann man die Ausgabe eines Artikels unterschiedlich stylen. So benötigt z. B. ein Zitat nicht zwangsläufig eine Überschrift, während bei einem Link die Überschrift direkt zum Ziel weiterleitet (das kennt man von Daring Fireball).

Auf dem Wellenspeicher sind die verschiedenen Artikelformate durch entsprechende Icons gekennzeichnet. Klickt man auf ein solches, kann man sich alle Artikel dieses Formats anzeigen lassen.

Für mich bedeuten die Artikelformate eine nette Erweiterung zusätzlich zum klassischen Blogartikel. Ich kann dadurch auch mal schnell eine Notiz oder ein Bild veröffentlichen. Folglich wurde somit auch meine Rubrik Randnotizen von dem neuen System assimiliert. Widerstand ist zwecklos.

WordPress Galerien

Viele Blogs benutzen für die Präsentation von Bildern und Galerien eines der zahlreichen Plugins, die fast alle mit dem Lightbox Effekt arbeiten. Auch ich hatte lange Zeit das Plugin FancyBox im Einsatz.

Was die wenigsten wissen oder vielleicht aus Gründen des Designs nicht in Betracht ziehen: WordPress besitzt selber umfangreiche Funktionen für eine ansprechende Umsetzung.

Aufmerksam darauf bin ich durch die Webseite von “Mr. WordPress” Matt Mullenweg geworden. Dort werden ausschließlich die Bordmittel von WordPress eingesetzt. Das Ergebnis braucht sich nicht zu verstecken und hat sogar Vorteile:

• Es wird kein Plugin benötigt
• Die Präsentation läuft auf Mobilgeräten ohne Probleme
• Einzelne Bilder lassen sich kommentieren

Bei der Umsetzung auf dem Wellenspeicher hat mir der hervorragende Artikel Photo Gallery Primer von Otto sehr geholfen. Er war auch so nett, eine Frage von mir in den Kommentaren sehr ausführlich zu beantworten. Dafür hab ich ihm ein Bier gekauft

Hier auf dem Wellenspeicher könnt Ihr euch als Beispiel das Fotoset von Herb Leonard ansehen.

Sonstiges

Im Zuge der Artikelformate haben auch die Artikelbilder (Post Thumbnails) Einzug gehalten. Diese werden auf der Einzelseite eines Artikels ausgegeben (falls vorhanden). Somit muß eine kleine Illustration oder ein Logo nicht im Text selber untergebracht werden.

Weiterhin wurden von mir die Kategorien (Schubladen) leicht angepasst und ein paar (nun) überflüssige Plugins entfernt.

Fazit

In den letzten Wochen habe ich bzgl. WordPress und Themegestaltung wieder einiges gelernt. Teilweise war es ein bißchen anstrengend, vor allem wenn etwas nicht so funktionierte wie ich wollte, andererseits hat es aber auch jede Menge Spaß gemacht. Ab und zu liebe ich es einfach an etwas zu frickeln.

Laßt doch mal in den Kommentaren hören, wie euch die neue Version gefällt.

Tumblr bietet nun einen Share Button an, den man auf seiner eigenen Webseite einbinden kann. Die Integration ist einfach und schnell erledigt. Schön ist, das man vor der Veröffentlichung auf Tumblr den Beitrag noch bearbeiten und einordnen kann.

Bei mir findet ihr den Button ab sofort bei jedem Artikel in der Einzelansicht.

Glücklicherweise lief alles ohne jegliches Problem. Selbst das Ausfiltern der Randnotizen auf der Startseite funktioniert nach wie vor, obwohl es da unter 3.1 ein Problem gab.

Dann kann ich mich ja jetzt an die Implementierung der Post Formate setzen.

Wer es etwas schicker und dynamischer mag, sollte sich mal die mit jQuery arbeitende Version von Chris Coyier und Jeff Starr auf Digging into WordPress ansehen.

Ich habe nun ebenfalls solch einen Sideblog unter der Kategorie Randnotizen auf dem Wellenspeicher eingerichtet. Mal sehen, was sich da so alles ansammeln wird.

Muß immer alles perfekt aussehen? Also ich mag das ja, in diesem Fall wollte ich es aber nicht. Ist doch irgendwie langweilig, oder? Und sehen tut man auch nichts. Anstatt also alles im stillen Kämmerlein vorzubereiten á la Maggi Kochstudio, wird die gesamte Schrauberei an dieser Site mitzuverfolgen sein. In Farbe. Und bunt.

Angefangen habe ich übrigens bei Null. Ich wollte einfach keine fertiges WordPress Theme. Also nichts von der Stange, sondern alles zugeschnitten auf meine Vorstellungen, und zwar in Design und Funktion. Und lernen kann man dabei auch noch etwas.

Ich bin gespannt!