Das Theme wurde von unserem Grafiker Tim Herzog entwickelt und von mir umgesetzt. Sehr hilfreich dafür war natürlich mein Eintrag wie ein Entwickler einen WordPress Blog aufsetzt. Aber es gibt auch ein paar neue Funktionen. Ein paar Highlights und deren Umsetzung will ich natürlich nicht für mich behalten.

Sticky Posts

Über die Visibility lässt sich im Backend ein Post als "sticky" markieren. Die Posts kriegt man über die Funktion get_option('sticky_posts') - den Rückgabewert übergibt man dann dem WP_Query Object. Zum Beispiel so:

$sticky = new WP_Query(array(
  'post__in' => get_option( 'sticky_posts' ),
  'caller_get_posts' => 1,
  'orderby' => 'modified',
  'showposts' => 6
));

Fragt man die neusten Einträge ab, werden die Sticky Posts allerdings unabhängig von ihrem Datum ganz oben in der Liste angezeigt. Das kann man verhindern:

$newest = new WP_Query(array(
  'showposts' => 15,
  'ignore_sticky_posts' => 1,
  'caller_get_posts' => 1
));

Eigentlich sollte ignore_sticky_posts reichen, aber bei mir hat es nur mit caller_get_posts die erhofte Wirkung erzielt.

Code und Quelltext

Der Quelltext wird jetzt schöner dargestellt. Realisiert mit dem Google Code Prettify. Zeilennummern und Syntaxhighlighting wird direkt dynamisch erstellt.

function code_func($atts, $content = null) {
  $content = strip_tags($content, 'a,strong');
  $content = "<pre>".$content."</pre>";
  while(stristr($content, '  ')) {
    $content = do_shortcode($content);
  }
  return $content;
}
add_shortcode('code', 'code_func');

Mit jQuery wird jedem pre Element die Klasse prettify zugewiesen und anschließend der Syntaxhighlighter gestartet.

$('article.single pre').addClass('prettyprint linenums');
prettyPrint();

Ein anderer lang gehegter Traum habe ich mir mit dem Shortcode [ pre ] erfüllt, mit dem ich endlich Quelltext innerhalb des Fließtextes einbinden kann. Die Umsetzung ist sehr simpel, definiert in der functions.php Datei.

function pre_func($atts, $content = null) {
  return '<pre>'.$content.'</pre>';
}
add_shortcode('pre', 'pre_func');

Der Affe

In der Einzelansicht steht unter der Sidebar unser kleines Maskotchen und macht den Besucher auf unsere Firma aufmerksam. Scrollt der Benutzer nach unten, heftet er sich an den unteren Bildschirmrand, bis die Kommentare erreicht sind, auf denen er sich nieder lässt. Ein super Effekt, realisiert mit jQuery.

Der Trick liegt im Scroll Event und dem Wechsel zwischen position:relative und fixed. Ich habe eine Funktion geschrieben die den Affen positioniert:

function posTheApe() {
  bottom = $(window).scrollTop()+$(window).height();
  if(bottom-336-45 <= aside_y) {
    $nav.css({
      position: 'absolute',
      top: aside_y+350
    });
  }    
  else if(bottom >= footer_y) {
    $nav.css({
      position: 'relative',
      top: ''
    });
  }
  else if($nav.css('position') != 'fixed') {
    $nav.css({
      position: 'fixed',
      bottom: 0,
      top: ''
    });
  }
}

In Zeile 2 wird der Abstand der unteren Fensterkante zum Seitenanfang gemessen. footer_y und aside_y wurden vorher gesetzt und beinhalten den Abstand des Footers, bzw. der Seitenleiste, zum Seitenanfang. Alles andere ist dann nur noch ein abgleich der Werte.

Twitter

In der Seitenleiste werden dynamisch meine neusten Twitter Nachrichten angezeigt. Realisiert mit dem großartigen Plugin Tweet! Interessant finde ich die Implementierung der Callbacks. Gewöhnt ist man an die Übergabe einer Funktion im Konfigurationsobjekt:

$("body").plugin({
  callback: function() {
    //do something
  }
});

Bei Tweet! gibt es diese Option allerdings nicht. Im Quelltext habe ich aber mehrere Aufrufe von trigger('loaded') gefunden, so funktionierts:

$("body")
  .plugin()
  .bind('loaded', function() {
    //do something
  });

Und funktioniert! Mit dem Callback loaded wird die Höhe der Seitenleiste neu bestimmt um den Affen richtig positionieren zu können. Funktioniert einwandfrei!

Fazit

Ein paar Kleinigkeiten hatte Tim noch vorgesehen die ich im Laufe der Zeit anpassen werde. Als nächstes will ich endlich wieder ein paar neue und aktualisierte TYPO3 Extensions veröffentlichen, darunter auch der lang ersehnte Kiwi Slider 2.0!

Man darf also gespannt sein und den RSS Feed abonnieren. Und nicht vergessen Feedback in den Kommentaren zu hinterlassen!

Dabei habe ich nicht immer so gedacht. Lange habe ich jede Umfrage lächelnd mit der Antwort "Den Mist brauche ich nicht" beantwortet und bin weiter gezogen. Aber das hat sich geändert! Twitter rückt mehr und mehr in den Webmittelpunkt und mit einer guten Auswahl von Menschen deren Updates man folgt, erhält man viele lustige oder nützliche Informationen.

Ein paar Autoren von Fachbüchern sind ebenfalls dabei und während man ihr Buch ließt kommt eine Nachricht wie "Mache Glühwein warm, von wegen Frühling", dass macht es menschlicher, näher. Und man wird immer wieder überrascht. Zum Beispiel von den Drei Fragezeichen oder Fettes Brot. Alle dabei.

Und zu guter Letzt ist es ein nettes Gefühl zu wissen, nein zu lesen(!), dass man nachts um halb 2 nicht der einzige ist, der vor dem Computer sitzt und sich mit Dingen beschäftigt die bei Stromausfall keine Sau interessieren.

Also los gehts! Allerdings hat wohl niemand Lust ständig Neuladen auf der Twitterseite zu drücken. Deshalb braucht man einen guten Twitter-Client: Ein kurzer Test mit Schreenshots, Links und persönlicher Empfehlung folgt in diesem Artikel.

Vorwort

Ich halte nichts von Adobe Air. Es gibt ein paar Programme, die ich nutze, aber ungern und die Updates mag ich nicht und mein Computer mit Zeug zu zuballern (komisch, passiert trotzdem), deswegen kommen für mich nur native Twitter-Clients in die engere Auswahl, welche einfach so auf meinem Mac 10.5 Leopard laufen. Und Growl unterstützten sie natürlich alle. Treu nach dem Motto: Ohne Growl, ohne mich.

In alphabetischer Reihenfolge kommt jetzt die Übersicht der Programme, die einen guten Eindruck gemacht haben und sich einfach finden ließen.

Bluebird

Bluebird hat ein Problem weil es zwei Programme mit diesem Namen gibt/gab. Der erste, native Twitter-Client gefällt mir sehr gut. Er ist aufgeräumt und bietet die Möglichkeit das Fenster per Themes zu verändern. Auch das größenveränderbare Fenster für neue Nachrichten gefällt mir sehr gut.

Er kommt von Hause aus mit jeder Menge Sounds, das geht natürlich überhaupt nicht. Auch wird die Anzahl der neuen Tweets wird nicht im Dockicon dargestellt, schade.

Die Internetseite von Bluebird ist dafür äußerst cool und das Programm noch in der Betaphase, man darf also gespannt sein!

Größe: 6,4MB

Buzzbird

Der ehemals auch blaue Vogel hat wegen oben erwähnten Problemchen einen neuen Namen bekommen und hört jetzt auf den Titel Buzzbird. Ihn gibt es für verschiedene Betriebssysteme, weil er auf dem Mozilla XUL Framework basiert, was allerdings dazu führt das es altbekannte HTML und CSS Probleme bei Größenveränderungen gibt.

Die Tweets als iChat Bubbles gefallen mir nicht besonders, es gibt keine Suche und nur wenig Optionen. Dafür mit der stolzen Größe von 52,6MB - wozu?

Die aktuelle Version 0.1 lässt für die Zukunft auch noch einiges erwarten. Die offizielle Seite bietet viele Informationen wie Wiki, Forum und Sources, wer einen Einstieg in die Programmierung sucht ist hier sicher gut aufgehoben.

Lounge

Die Twitter-Lounge ist groß angelegt und bietet sehr viele Ansichten und Suchen. Es gibt eine iPhoneapplikation und das interessanteste Feature ist die Synchronisation zwischen diesen beiden. Leider in der aktuellen Betaversion noch nicht fertig. Das Design ist mir allerdings viel zu bunt und das Fenster benötigt viel zu viel Platz. Der Versuch es auf die gleiche Größe wie die anderen Clients zu bringen sieht man ja im Screenshot.

Definitiv bemerkbar macht sich, dass Lounge länger braucht zum Starten und Beenden als die anderen Programme.

Was allerdings nett ist, ist der Name. Auf der eigenen Twitterseite steht dann unter jedem Tweet: "xxx Minutes ago from Lounge". Lustig.

Die aktuelle Version 0.4.1 ist natürlich auch noch in der Betaphase und befindet sich hier.

Größe: 1,6MB

Nambu

Mit Nambu habe ich die meiste Zeit getwittert, deshalb kriegt es ein größeres Bild. Nambu bietet viele interessante Features die ein effizientes Twittern ermöglichen. Im Screenshot oben sieht man die Trends, die nach Current, Today und This Week aufteilbar sind. Es lassen sich suchen speichern und mitverfolgen, es gibt verschiedene Ansichten, z.B. die geniale Spaltenansicht mit der man parallel verschiedene Streams verfolgen kann, z.B. Suchanfragen.

Nambu zeigt die Anzahl der neuen Tweets im Dock an und darüber hinaus noch viele weitere Einstellungsmöglichkeiten. Es hat Support für FriendFeed, indenti.ca und Ping.fm. Es gibt einen iPhone Client und viele, regelmäßige Updates. Die aktuelle Version ist 1.1.7 und in der letzten Zeit mächtig gewachsen. All das und noch viel mehr gibt es auf der Nambuseite.

Auf der Festplatte gibt sich Nambu mit 10,1MB zufrieden.

NatsuLion

NatsuLion ist ebenfalls sehr groß geworden und bringt seinen eigenen iPhoneableger mit. Das Interface ist übersichtlich und intuitiv, "schön" blau-weiß-gestreift und mit akzeptablem Funktionsumfang.

Das Textfeld für eigene Tweets besteht nur aus einer Zeile und ist mir zu klein und unauffällig am unteren Fensterrand. Die Buttons brauchen insgesamt viel Platz und sind mir wenig Trickreich angeordnet.

Solide und funktionierend. Ideal für Twittereinsteiger die noch nicht komplett alle Möglichkeiten entdeckt haben oder wollen. Am besten selber ausprobieren.

Größe: 3,7MB.

Syrinx

Verbraucht ebenfalls viel Platz, kommt mit einer riesigen Eingabeleiste daher und zeigt die letzte, eigene Nachricht immer groß und grau an. Dafür lassen sich über die umfangreichen Einstellungen aber die Farben individuell ändern oder mit einem Theme bestimmen.

Eine sehr interessante Funktion ist der "Pause"-Knopf. Für Meetings oder wichtige Projekte praktisch.

Es zeigen sich tweetspezifische Optionen bei Klick auf einen Eintrag, allerdings ist manchmal unklar wo ein Tweet anfängt und der andere aufhört.

Insgesamt eher schwerfällig und mit einem, ich sage mal, mittel-schönem Dockicon und Homepage.

2,6MB - aber nichts für Designfreunde. [CMD]+[Q]

TwitterPod

TwitterPod dagegen hat ein besseres Icon. Außerdem überrascht es mich gerade beim starten mit der Ankündigung zu Version 2.0. Wow, da muss sich was getan haben, aber die Versionshistorie sagt "Various small bugfixes". Na, wenn das mal nicht 2.0 like ist.

Wie im Screenshot zu sehen versucht dieses Programm so klein wie möglich zu sein. Für mich aber gespart an der falschen Stelle. Dass ist keine komfortable Art und Weise zu lesen.

Es gibt eine systemweite Tastenkombination um schnell neue Nachrichten zu schreiben. Das ist praktisch.

Zu erwähnen ist natürlich auch das TwitterPod eine Art Visualisierung der Tweets mitbringt. Das sind bunte, sich bewegende Streifen über die die neuen Nachrichten fliegen.

Aha? Wers braucht, soll sich das installieren.

3,7MB sind akzeptabel.

Twittia

Twittia ist endlich wieder ein schöner Client, der perfekt in die OSX Umgebung passt. Die Tweets sind schön geordnet die Seitenleiste schafft Überblick und die Icons sind unaufdringlich. Alle, bis auf das Dockicon. Das ist leider potthässlich.

Eine gute Idee sind die unterschiedlichen Einstellungen für den Client, je nach dem ob man da ist oder gerade den Computer in Ruhe lässt.

Als einziger Twitter-Client zeigt der hier die neuste Nachrichten unten an, was mich dermaßen verwirrt, dass ich ihn nicht benutzen kann.

Außerdem ist mir das Eingabefeld viel zu klein, es kann sich auch nicht vergrößern bei längerem Text. Unpraktisch.

Mit 1,9MB ist er aber schön klein, startet fix und gefällt mir insgesamt sehr gut. Mehr gibt es auf der Internetseite.

In Arbeit ist auch die neue Version die ich bestimmt testen werde.

Fazit

Den perfekten Twitter-Client gibt es nicht. Die meisten haben ein paar gute Ideen, alle haben Dinge die einen stören. Meiner Meinung nach sollte man sich ein Programm aussuchen und sich daran gewöhnen. Irgendwann erkennt man dann die Ideen der Programmierer oder diese ändern ihre.

Meine TOP3 sind:

1. Nambu
   Der Platzhirsch mit dem ich bisher die meiste Zeit verbracht habe.
   http://www.nambu.com/
2. Bluebird
   Brandneu und mit großem Potential und perfektem Design. Steht dicht, dicht, dicht hinter Nambu und kriegt die nächsten Tage eine große Chance.
   http://bluebirdapp.com/
3. Twittia
   Noch lange nicht fertig, aber schon jetzt mit viel Liebe zum Detail programmiert und vielen guten Ideen.
   http://jeenaparadies.net/projects/twittia

Jetzt sind alle Clients geschlossen und draußen twittern die Vögel. Als nächstes folgt dann der Test für iPhone-Twitter-Clients, aber das vom Biergarten aus. Frohes Twittern.

Und gleich die erste Enttäuschung: Eine Aktivierung war nicht möglich, da der iTunes Store vollkommen überlastet war. Zum Glück ist das iPhone auch ohne Aktivierung einsatzfähig (sogar ohne entsperrte SIM) und bietet genug Funktionen zum Spielen und Entdecken.

Und seit Sonntag läuft es. Bei Jeena habe ich schon eine Liste gefunden die mir größtenteils aus dem Herzen spricht. Hinzufügen möchte ich noch die Geschwindgkeit im Allgemeinen. Es ist wirklich ein langsames Telefon. Außerdem kommen mir die verschiedenen Bedienelemente sehr unregelmäßig und uneinheitlich vor. Es scheint jedes Programm lehnt sich zwar an die gleichen Vorgaben an, hat aber im Detail eigene Implementierungen der Eingabemöglichkeiten (nur eine Vermutung).

Was ich zwar schon bei der ersten Generation vom iPhone gesehen habe, setzt sich hier fort: die wenigsten Programme unterstützen die Erkennung der Rotation (also wie herrum man es hält). Ich hätte auch gerne bei der SMS Eingabe und bei den Notizen die horizontale Tastatur auf der es sich besser tippen lässt.

Alles in allem ist aber ein wirklich schönes Teil und die meisten Fehler lassen sich vermutlich per Software lösen oder wenigstens verbessern.
Und es ist eine Freude ein schönes Mädchen zu beobachten, welches erst kritisch, dann verwundert und schließlich voller Begeisterung die Eingabemöglichkeiten entdeckt und nutzt.

Bei Cyberport habe ich mir Klebeschutzfolien bestellt die sehr unauffällig sind und die unglaubliche Kratzer-Angst beruhigen.

Also, es bleibt dabei: ein Update wird kommen!

Es ist vollbracht! Ohne Stress und Verluste habe ich nicht nur auf die aktuelle WordPress Version aktualisiert, sondern auch gleich noch einen behutsamen Relaunch vollzogen.

Der weiße Hintergrund hat jetzt einen Abschluss und darunter finden sich interessante Listen oder die Kommentare zu den Beiträgen.
Außerdem habe ich den Beiträgen auf der Startseite einen Rahmen gegeben, damit sie besser unterscheidbar sind. Die Suchbox hat jetzt ein schöneres Äußeres (die inneren Werte sind unangetastet) und man kann mir ein Bier spendieren (Rechts unten auf der Startseite).
Unter Einstellungen ist entscheidbar ob sich externe Links im gleichen oder neuen Fenster öffnen sollen. Die aktuelle Auswahl wird in einem Cookie gespeichert. Die Erkennung von externen Links ist noch nicht perfekt gelöst, aber innerhalb von Beiträgen funktioniert es.

Viel Interessanter ist aber mein erstes WordPress Plugin: ID SpamKill! In einer langen Nacht habe ich meine Erkenntnisse aus dem Papyros Gästebuch in ein sehr kleines Plugin gepackt und hier zum laufen bekommen. Kommentare können ganz ohne Anmeldung, Captchas oder sonst was geschrieben und werden (ggf.) direkt veröffentlicht.
In Kürze werde ich es hier ausführlich vorstellen.

Bleibt mir noch eine gute Nacht zu wünschen und den Todo-Punkt IE6 + 7 testen doppelt zu unterstreichen.

Rechtschreibfehler sind als neue Wortschöpfung des Autor zu deuten! Viel Spaß und gute Nacht,

Paul