In diesem Artikel zeige ich, wie man Teilen-Links für Facebook, Twitter und E-Mail ohne Plugins in WordPress realisieren kann. Das hat den Vorteil, dass das System nicht unnötig aufgebläht wird und man sich nicht um die Aktualität und die Kompatibilität von Plugins kümmern braucht. Ein weiterer wichtiger Vorteil: der Datenschutz. Mit dieser Methode werden beim Besuch der Website keine Daten ungefragt an Dritte übertragen. Erst wenn der Besucher den Link klickt, findet ein Datenaustausch mit Facebook bzw. Twitter statt.

So sollen die Links aussehen:

Der erste Link soll Facebooks “Teilen”-Popup öffnen und die URL des Artikels gleich entsprechend einbinden. Das sieht so aus:

Der Twitterlink soll twitter.com in ein neuem Browserfenster öffnen und die URL des Artikels in das Eingabefeld eintragen.

Und der dritte Link soll ein neues E-Mail-Fenster öffnen und Betreff und Nachricht bereits entsprechend ausfüllen.

Und los geht’s!

Alle Links können in der single.php im aktiven WordPress-Theme nach dem Template-Tag “the_content()” eingefügt werden. Somit erscheinen die Links direkt unterhalb des Artikels, noch vor den Kommentaren.

1. Facebook-Teilen-Link

Dieser Link sieht wie folgt aus (Danke, Mike!):

dem eigentlichen Link:

<a href="http://www.facebook.com/sharer.php?u=<?php echo urlencode(get_permalink($post->ID)); ?>&t=<?php echo rawurlencode(get_the_title()); ?>" target="_blank">Artikel bei Facebook posten</a>

Die Template-Tags “get_permalink()” und “the_title()” sorgen dafür, dass die URL und der Titel des Artikels übergeben werden.

2. Twittern-Link

<a href="http://twitter.com/home?status=<?php echo rawurlencode(get_the_title()); ?> - <?php echo urlencode(get_permalink($post->ID)); ?>" target="_blank" title="Artikel twittern">Artikel twittern</a>

Alles, was nach dem “=” im a-Tag steht, wird im Twitter-Eingabefeld vorausgefüllt. Hier lasse ich wieder mit “get_permalink()” die URL des Artikels eintragen. Mit WordPress 3.0 wird es auch möglich sein, mit dem neuen Template-Tag “the_shortlink()” eine gekürzte URL an Twitter zu übergeben. So hat man noch genügend Zeichen, um dem Tweet noch eigene Anmerkungen hinzuzufügen.

3. E-Mail

Der Klassiker: der Artikel soll mit dem altbekannten “mailto:” per E-Mail versendet werden.

<a href="mailto:?subject=Artikel auf <?php echo rawurlencode(get_bloginfo('url')); ?>: <?php echo rawurlencode(get_the_title()); ?>&body=<?php echo urlencode(get_permalink($post->ID)); ?>" title="Per E-Mail weiterleiten">Artikel als E-Mail weiterleiten</a>

Der Betreff der E-Mail wird durch die Anweisung “subject=” ausgefüllt. Ich wähle einen statischen Text “Artikel auf matthiaspabst.de: ” gefolgt vom Titel des aktuellen Artikels. Dieser wird über das Template-Tag “the_title()” ermittelt. Im Body der E-Mail lasse ich mit der Anweisung “body=” wieder die URL des aktuellen Artikels mittels “get_permalink()” eintragen.

Fertig

Die Links funktionieren nun, werden aber so nur als “nackte” Textlinks angezeigt. Je nach Geschmack können sie mit CSS natürlich noch aufgewertet werden. Die 3 Teilen-Links inkl. einem einfachen Styling können z.B. so verwendet werden:

<div class="sharebuttons">
	<a href="http://www.facebook.com/sharer.php?u=<?php echo urlencode(get_permalink($post->ID)); ?>&t=<?php echo rawurlencode(get_the_title()); ?>" target="_blank">Artikel bei Facebook posten</a>
	<a href="http://twitter.com/home?status=<?php echo rawurlencode(get_the_title()); ?> - <?php echo urlencode(get_permalink($post->ID)); ?>" target="_blank" title="Artikel twittern">Artikel twittern</a>
	<a href="mailto:?subject=Artikel auf <?php echo rawurlencode(get_bloginfo('url')); ?>: <?php echo rawurlencode(get_the_title()); ?>&body=<?php echo urlencode(get_permalink($post->ID)); ?>" title="Per E-Mail weiterleiten">Artikel als E-Mail weiterleiten</a>
</div><!-- .sharebuttons" -->

/*Sharebuttons*/
.sharebuttons {
    margin: 15px 0;
    clear: both;
}
.sharebuttons a {
    padding: 5px;
    background: #ddd;
    border: 1px solid #333;
    text-decoration: none;
}

Das Ganze würde dann ungefähr so aussehen: