Abwesenheit: In der Woche bis zum 20. August bin ich noch sehr eingeschränkt, danach bis einschließlich 9. September gar nicht mehr zu erreichen.

Danach kehere ich völlig ausgeruht und voller Tatendrang zurück – als Benjamin Jopen. Bitte ändert also eure entsprechenden Adressbucheinträge – Müller wird Geschichte sein. Ganz schön aufregend, so einen neuen Namen zu haben und der Anonymität des Nachnamens “Müller” zu entkommen. Spuckt Facebook für Benjamin Müller stand heute mehr als 500 Ergebnisse aus (die Facebook interne Kennzeichnung für viele Resultate), so sind es für Benjamin Jopen: Null. Wow, endlich raus aus der Anonymität.

In diesem Sinne: Eine frohe Zeit!

Als Service für den interessierten Benutzer möchte man deshalb oft einen Newsfeed anbieten, der neben den normalen Artikeln auch die neuen Artikeltypen erfasst. Standardmäßig enthält der von WordPress generierte Newsfeed nämlich nur die Standard-Artikel, nicht aber die selbst erstellen Custom Posts. Letztere sind nur über eine spezielle URL abrufbar:

http://domain.de/feed/?post_type=DEIN-POST-TYPE

Um das zu lösen existieren im Wordress-Forum, im Bugtracker und auf diversen Blogs verschiedene Lösungsansätze. Keiner wollte allerdings mit der finalen WordPress-Version bei mir funktionieren. Der Ansatz, den Feed über eine eigene Funktion um die neuen Post Types zu erweitern, erwies sich aber als erfolgreich. Die folgende Funktion muss lediglich in die functions.php des Themes eingefügt werden und schon haben wir einen schönen Gesamtfeed:

//Feed um Custom-Post-Types erweitern
function kr8_feed($qv) {
 if (isset($qv['feed']) && !isset($qv['post_type']))
 $qv['post_type'] = get_post_types($args = array(
 'public'   => true,
 'capability_type'   => 'post'
 ));

 return $qv;
}
add_filter('request', 'kr8_feed');

Wer zusätzlich auch noch die Seiten in den Newsfeed integrieren möchte, kommentiert die folgende Zeile einfach aus:

//'capability_type'   => 'post'

PS: Wenn wir schon bei Feeds sind: Ich selbst nutze zum Lesen diverser Newsfeeds den Google Reader und empfehle darüber regelmäßig interessante und lesenswerte Artikel. Wer Interesse an meinen Empfehlungen hat, hier ist der passende RSS-Feed.

Zum Start des Blogs will ich Euch einen kleinen Einblick hinter die Kulissen der neuen Technik geben und kurz anreißen, was ich womit realisiert habe.

Die Basis: WordPress 3.0

Mit Version 3 hat WordPress einen größeren Sprung gemacht und einige Neuerungen eingeführt, z.B. auch die neue Menüverwaltung zur Seitennavigation. Sehr praktisch, nimmt sie einem doch viel Arbeit ab.

Das größte Feature in WordPress 3 ist aber sich dier Möglichkeit, eigene Post-Arten zu definieren (Custom_Post_Types). Diese damit verbundenen Möglichkeiten habe ich schnell schätzen gelernt und nutze sowohl für das Portfolio, als auch für den FAQ-Bereich eigene Custom_Post_Types. Bei der Einrichtung verzichte ich allerdings auf eines der vielen Plugins, sondern definiere alles brav per Hand im Theme.

So schön die Neuerungen sind, WordPress hatte auch bislang viel zu bieten. Ein in meinen Augen immer unterschätztes Tool ist dabei die integrierte Linkverwaltung. Da ist mehr drin, als bloß eine simple Blogroll, die einfach ein paar Links auflistet. Meine Bookmark-Section nutzt nichts Anderes als die Standardfunktionalitäten.

Theme-Eigenentwicklung

Aprospos WordPress-Theme: Müßig zu erwähnen, dass es sich um eine Eigenentwicklung mit einigen netten Features handelt. Als Basis dient mir das absolut empfehlenswerte Basis-Theme von Frank Bültge, dass ich für meine Zwecke in den letzten Monaten massiv erweitert habe. Die meiste Arbeit nimmt mir dabei die eigene Option-Page ab, in der diverse Einstellungen vorgenommen werden können, ohne jedes Mal im Source-Code arbeiten zu müssen.

Dazu gehört unter Anderem auch die Auswahl des Logos, dass ich nach Bedarf wechseln kann. Zuletzt hatte ich angesichts der heißen Temperaturen eine Version mit Sonnenschirm kreiert.

Die Ausgabe der selbst erstellten Custom_Post_Types erfolgt über speziell angelegte Page-Templates. Um das Portfolio etwas aufzufrischen nutze ich für die Showcases den grandiosen jQuery Nivo-Slider.

Auch im FAQ-Bereich kommt jQuery zum Einsatz. Zwar ist noch nicht allzuviel los, aber das soll sich bald ändern. Um die Übersichtlichkeit bei mehreren Rubriken zu bewahren, lassen sich einzelne Kategorien per Accordion ausklappen.

In letzter Zeit wurde auch immer mehr die Geschwindigkeit einer Website zum Thema. Nicht nut geringere Ladezeiten, auch eine möglich bessere Gewichtung von Google stehen im Raum. Ich zähle mich ganz sicher nicht zu den Hardcore-Speed-Optimierern, habe aber versucht das Beste mit relativ wenig Aufwand zu erzielen. YSlow und Page Speed liefern dann auch Noten im 80er Bereich (Grade B) – sofern auf der Seite nicht gerade der Nivo Slider genutzt wird.

HTML5 und CSS3

Auch wenn die neuen Standards HTML5 und CSS3 noch nicht endgültig verabschiedet sind, nutze ich bereits erste Features. Statt vieler Div-Layer nutze ich bereits neue Elemente wie Header, Nav, Aside, Article, Section und Footer. Aktuelle Browser haben damit kein Problem, älteren Modellen hilft ein JavaScript auf die Sprünge.

Die Einhaltung von Webstandards ist mir dabei wichtig – egal ob xHTML, HTML 4 oder 5: An gängige Standards sollte man sich halten. Zu Überprüfung nutze ich allerdings nicht den Markup Valiation Service des W3C, sondern den Total Validator, der wesentlich strenger zu einem ist. Dieser hat an der Seite auch im Bereich der Accessibility nach WCAG v2 AAA nichts zu bemängeln.

Beim Einsatz neuer CSS3-Features setze ich auf Progressive Enhancement. Wer einen modernen Browser wie Firefox oder Safari nutzt, kommt in den Genuß von Text-Shadow, Box-Shadow, Transparenz-Effekten oder des Border-Radius. Nutzer de Internet Explorers müssen darauf verzichten, ohne aber funktionale Einbußen festzustellen.

Fertig? Gibt es nicht!

Ihr kennt das Gefühl, gerade wenn es die eigene Website betrifft: Fertig? Gibt es nicht! So viele Ideen hat man noch, sieht überall Verbesserungspotenzial. Das ist auch gut so. Eine Seite soll leben – primär natürlich vom Inhalt. Aber sie muss auch permanent gewartet und verbessert werden – selbst wenn der normale Benutzer die Änderungen kaum bemerkt. Diese Unart, eine Website vielleicht drei, vier Jahre überhaupt nicht technisch weiterzuentwickeln, habe ich noch nie verstanden.

Soweit mein erster kleiner Einblick. Über Feedback oder weitere Fragen freue ich mich, hinterlasst einfach einen Kommentar.

Die Ergebnisse lassen sich aber bis heute noch im Netz bewundern. Zum Glück steht nirgendwo mein Name im Impressum, das ist echt grausig.

Ein Blick unter die Haube

Ein Blick in den Quellcode offenbart wahre Highlights. Als großer Suchmaschinenexperte habe ich natürlich damals schon Metatags verwendet. Also: verwenden lassen. Und auch nur einen. Nämlich diesen:

<meta name="GENERATOR" content="Microsoft FrontPage 3.0">

Alten Hasen werden jetzt direkt aufhorchen und wissen sofort, wo der Springbock die Locken hat. FrontPage 98 aka FrontPage 3.0. Holy Shit! Ausgeburt dieser Codehölle ist dann auch die Navigation, in der alles vorhanden ist – ausser Links:

<p>
<applet code="fphover.class" codebase="_fpclass" width="160" height="40">
  <param name="text" value>
  <param name="color" value="#000080">
  <param name="hovercolor" value="#0000FF">
  <param name="textcolor" value="#FFFFFF">
  <param name="effect" value="glow">
  <param name="url" value valuetype="ref">
  <param name="image" value="team1.jpg" valuetype="ref">
  <param name="hoverimage" value="team2.jpg" valuetype="ref">
  <param name="sound" value valuetype="ref">
  <param name="hoversound" value valuetype="ref">
</applet>
</p>

Über das Frameset reden wir mal gar nicht. Das hat man eben damals so gemacht, Frames waren total in. Das Twitter der späten 90er quasi.

Aber lassen wir mal die Code-Beispiele beiseite und wenden uns den optischen Hochgenüssen zu. Nicht nur die Farbkombination ist ein Traum. Mit Fug und Recht kann ich wohl auch behaupten, James Cameron und Avatar damals in Punkto 3D einige Nasenlängen vorraus gewesen zu sein. Die Seite ist selbst die dritte Dimension. Da hätten wir zum Einen die wunderschöne Nicht-Navigation:

Man spürt förmlich, wie sich das Display hier wölbt, so plastisch sind die Buttons. Das setzt sich natürlich im Header fort, der Schriftzug schwebt wie ein Harrier-Jet über der ganzen Seite.

Aber der Oberknaller ist definitiv das Türschild. PaintShop Pro 3 (5?) lässt grüßen. Die Schrauben – wie selbst hineingedübelt. Argghh. Da wird einem echt warm ums Herz.

Die SEO-Ranking-Tools werfen für die Registrierung der Domain den 28.11.1999 aus. 10 Jahre, 7 Monate und 6 Tage. Ungefähr diesen Zeitraum steht die Seite vermutlich auch unverändert im Netz. Hat den Milleniumswechsel miterlebt, 9/11, die Fussball-WM im eigenen Land und den ersten Grand-Prix-Sieg seit Nicole. Ich bin gespannt, was sie noch alles erleben wird.

Habt ihr auch noch solche Fundstücke im Netz? Dann zeigt mal her, vielleicht kriegen wir ja eine lustige Liste zusammen.

Um zu erklären was ich meine, muss ich etwas ausholen: Als ich mich damals noch während meiner Schulzeit selbstständig gemacht habe, hat man natürlich richtig dick aufgetragen. Schön einen auf dicke Hose gemacht. Seitenlange AGBs – zusammenkopiert von den größten der Branche – , unglaublich klingende Leistungsbeschreibungen und die permanente Verwendung solch schöner Floskeln wie “Wir sind immer für Sie da”. Eigentlich war da aber nur ich und das auch erst ab Mittags, wenn ich aus der Schule zurück war. Man hatte aber das dringende Bedürfnis als Schüler sich gegenüber den Kunden profilieren zu müssen. Man war zwar nicht unehrlich, aber sagte auch eben nicht die Wahrheit. Man tat auf super seriös, während man eigentlich seine Hausaufgaben hätte machen sollen.

Auf diesem Gebilde bauten die bisherigen Versionen dieser Website alle auf. Deshalb habe ich sie vielleicht auch so selten und so schlecht gepflegt. Schon lange hatte ich das Bedürfnis, alles komplett umzuschmeißen. Aber wie das so ist: Man hat immer etwas wichtigeres zu tun. Zuletzt konnte ich aber meine eigene Website nur noch schwer ertragen. Technik war ok, Layout so naja, aber diese Worte, diese Sätze, die da standen. Arghhhh.

Heute, acht Jahre nach dem Schritt in die Selbstständigkeit, sehe ich viele Dinge grundlegend anders. Ich muss mich nicht mehr vor irgendwem beweisen, ein Verhalten wie ein Vorstandsvorsitzender eines DAX-Unternehmens an den Tag legen und einen auf großer Checker machen. Aber vor allem muss ich nicht jeden Auftrag annehmen. Vielleicht ist das auch der Vorteil, wenn man eigentlich in einem festen Arbeitsverhältnis steht und sich auf die Projekte konzentrieren kann, die einem Spaß machen.

Ich habe das Gefühl: Nie war war es mir wichtiger, ich selbst zu sein. Ob man auf dem richtigen Weg ist, merkt man relativ schnell. Früher war ich tagelang mit dem Schreiben weniger Texte beschäftigt. Weil alles so Bla und Blub war. Die wenigen Texte jetzt, habe ich einfach heruntergeschrieben (wie man bestimmt an meiner Rechtschreibung auch merkt). Endlich habe ich das Gefühl, die Website (und die Selbstständigkeit die dazu gehört) passt zu mir.  Ich kann mich wieder damit identifizieren, ich bin wieder kre8tiv. Ein kompletter Relaunch eben, vor allem in meinem Kopf.