Bild 1928.jpg

Wenn man seine Tweets auch im Blog veröffentlicht, dann nenne ich das seit kurzem “Twiggern” ;) Passt finde ich sehr gut. Und seit einigen Tagen veröffentliche ich meinen letzten Tweet auch hier im Header. Und ich wurde jetzt schon mehrfach gefragt, wie ich das gemacht habe. Deshalb hier mal eine kurze Anleitung.

Wie immer in WordPress braucht man selten was selber schreiben und auch hier kann man als Grundlage ein Plugin bzw. auch noch ein zweites alternative Plugin heranziehen.

Ich habe als erstes das Plugin SimpleTwitter benutzt, was genau für diesen Zweck geschaffen wurde. Es holt in regelmässigen Abständen den letzten Twittereintrag eines Twitteraccounts ab und man kann ihn dann mittels einer PHP-Funktion “<?php get_twitter_msg(); ?>” in die richtige Stelle im WordPress-Theme einbauen. Ich habe das hier im Blog in der header.php in ein DIV gekapselt und mit ein bisschen CSS aufgehübscht. Hier ist dann ein bisschen Fantasy und Kreativität gefragt. Ein Hinweis noch: für Simple Twitter braucht man das php Modul curl.

SimpleTwitter unterstützt leider nur einen Account, deshalb habe ich mich noch weiter auf die Suche begeben und bin auf ein weiteres, viel komplexeres Plugin gestossen, welches ich auch noch kurz vorstellen möchte: Twitter Tools.

Die Twitter Tools bieten eine recht umfangreiche Unterstützung für zwitschernde Blogger. So kann man mit diesen Tools seine Tweets archivieren, automatisch Blogposts generieren, so genannte “daily digest” erzeugen oder auch direkt aus dem Blog heraus twittern und vieles mehr.

Die Twitter Tools bieten aber auch wie Simple Twitter eine PHP Funktion, mit dem man sich den letzten Twittereintrag anzeigen lassen kann. In diesem Fall einfach mit: “<?php aktt_latest_tweet(); ?>”. Was man jetzt einsetzt ist euch überlassen.

Ich bin mit meiner Integration auch noch lange nicht fertig. So habe ich zB. einen recht unschönen Effekt im IE, welcher zwischen den Hintergrundgrafiken eine hässliche Leerzeile einbaut. Und ich habe bisher noch nicht den Grund dafür gefunden. Vielleicht hat ja irgendein CSS Profi hier einen Rat für mich. Des weiteren hat jetzt auch der Björn angefangen zu twittern und der Einbau ich muss jetzt noch eine zweite Sprechblase integrieren ;) Ein Vorschlag war noch das ganze eher nach aussen zu verlagern. Ah, ich werde heute Abend noch ein wenig basteln. Jetzt ist es einfach zu heiss hier.

PS: alle viel viel Sonne und einen schönen Sonntag noch

[Update]

Hier noch die CSS Styles um den Tweet in den Header einzubinden:

#twitter-status-rechts {
        padding: 0px;
}
 
#twitter-status-bottom-rechts {
        background:transparent url(/images/status-bottom-rechts.png) no-repeat scroll 0pt 100%;
        float:right;
        height:12px;
        width:401px;
        padding: 0px 60px 0px 0px;
}
 
#twitter-status-rechts p {
       margin: 0;
        background:transparent url(/images/status-top-rechts.png) no-repeat scroll 0pt 0pt;
        float:right;
        font-size:1.1em;
        line-height:1.3em;
        margin-top:0px;
        margin-bottom:0px;
        min-height:30px;
        overflow:hidden;
        padding: 10px 130px 0pt 30px;
        text-shadow:1px 1px 3px #FFF;
        width:301px;
        color: #FFF;
}
 
#twitter-status-rechts a
{
        color: #FFF;
}

Und hier noch die beiden Grafiken, die aber auch mit einem Grafikprogramm recht einfach selbstgebaut werden können:
Sprechblase-Oben und Sprechblase-Unten

Und hier der Ausschnitt wie ich das in den Header des Themes eingebaut habe:

<div id="head"><!-- the head -->
[...]
        <div id="twitter-status-rechts">
            <p>
                <?php aktt_latest_tweet(); ?>
            </p>
            <div id="twitter-status-bottom-rechts"> </div>
        </div>
[...]

Links
http://wordpress.org/extend/plugins/simpletwitter/
http://alexking.org/projects/wordpress/readme?project=twitter-tools
http://twitter.com/johnny_cash
http://twitter.com/slith76