So gehts: Ohne Plugin TweetMeme Button ins Thesis Theme

Es wird Frühling und draußen und zwischen Vögeln und anderem Getier entbrennt ein Wettstreit wer von ihnen den schönsten Ton machen kann. Warum soll der engagierte Blogger seinen Lesern nicht den gleichen Service bieten und sie mitzwitschern lassen. Sinnvollerweise mit einem Tweet über einen Blogbeitrag. Und dazu bietet sich nun einmal der Dienst von TweetMeme am ehesten an. Um die schicken schönen Button in den Blog zu bekommen gibt es nun, mindestens, zwei Wege:

1. Durch den Einsatz eines Plugins das die Plugin Struktur von WordPress unterstützt.
   Vorteil hierbei ist die “ratzfatz” Installation die auch der absolute WordPress Anfänger hinbekommt.
   Nachteilig allerdings ist hierbei die Datenbankbelastung dieser Lösung. Und kommen dann noch mehr Plugins hinzu verlängert sich die Ladezeit der Blogseiten schmerzlich.
2. Durch das Implementieren eines kleinen Codelets könnt ihr ebenfalls so einen kleinen grünen Button zu euren Artikeln hinzufügen.
   Vorteil: keine Belastung der Datenbank, direkter Aufruf der Seite ohne Wartezeiten.
   Nachteil: Nicht ganz so einfach einzubauen wie ein Plugin.

So gehts

Wer jetzt erwartet das die Implementierung der Buttons eine Aktion ist, hat sich übelst getäuscht. Auch hier zeigen sich wieder die Vorteile die man durch den Einsatz des Theme Thesis hat. Kinderleicht!

Beginnt damit das ihr euch eine Sicherung eurer Datei Customs_functions.php zieht und diese entweder in eurem Webspace oder lokal speichert. Jetzt geht ihr in eurem Backend in die Thesis Optionen >> Custom File Editor und öffnet die customs_functions.php.

Sucht eine Stelle aus wo ihr das folgende Codelet hineinkopiert.

Tipp: Macht euch mal gedanken über die Strukturierung dieser Datei. Irgendwann ist die Datei so voll mit vielen kleinen Tweaks das ihr den Überblick verliert. Strukturiert sie, Bereich Header, Bereich Content und Footer. Wenn ihr dann noch Kommentare hinzufügt, werdet ihr den Überblick nicht verlieren.

Ok, weiter gehts!

Als erstes kopiert ihr euch den links gezeigten Button in den Image Ordner eurer Thesis Installation. Dieser ist hier zu finden

wp-content/themes/thesis/custom/images

Jetzt öffnet ihr eure custom_functions.php und kopiert den folgenden Code dort hinein. Achtet auf die Anpassungen die ihr machen müßt (Domainname):

//* Custom facebook BTN before title Hook */
function add_meme_fb_btn ()  {
if (is_single()) { ?>
<div style="float: right; padding-left: 3px;"><script src="http://tweetmeme.com/i/scripts/button.js" type="text/javascript"><!--mce:0--></script>  <script type="text/javascript"><!--mce:1--></script><a onclick="return fbs_click()" href="http://www.facebook.com/share.php?u=&lt; &gt;" target="_blank"><img src="http://eure.domain.tld/wp-content/themes/thesis_17/custom/images/fbpost.jpg" alt="" /></a></div>

Eigentlich war es das schon. Natürlich solltet ihr nicht vergessen die Änderung in der customs_functions.php zu speichern.

Update

Sorry, ich kriege es nicht hin sauber hin den Code so zu zeigen das es keine verluste der Maskierungen gibt. Um euch trotzdem ein sauberes Ergebnis liefern zu können poste ich hier ein Textfile mit dem Code.

Download des Textfile TweetMeme Facebook Button

Es wird Frühling und draußen und zwischen Vögeln und anderem Getier entbrennt ein Wettstreit wer von ihnen den schönsten Ton machen kann. Warum soll der engagierte Blogger seinen Lesern nicht den gleichen Service bieten und sie mitzwitschern lassen. Sinnvollerweise mit einem Tweet über einen Blogbeitrag. Und dazu bietet sich nun einmal der Dienst von ...

Tagged as: Facebook, Thesis, Tutorial, Twitter