Ich habe diesen großartigen Artikel von Jeff Starr zum Anlass genommen, als eines der ersten Schritte in der Erstellung dieser Webseite, alle Einträge über soziale Netzwerke kommunizierbar zu machen.
Am Fuss eines jeden Artikels werden nun jedem Leser fünf Möglichkeiten gegeben den gelesenen Artikel Freunden und Bekannten online weiterzuempfehlen.
Bei der Implementierung solcher Funktionen helfen heutzutage natürlich auch viele Wordpress Plugins (z.B. Add to Facebook), jedoch sehe ich nicht ein, meine Performance und Stabilität mit unnötig aufgeblähtem Code zu gefährden. Im Endeffekt machen diese Plugins nichts anderes, als nach jedem Artikel dynamisch einen Link einzufügen, der sich auf die URL des Posts bezieht. Dank kleiner Wordpress-Funktionen wie the_permalink() und get_the_title() lassen sich solche Sachen aber auch ganz einfach im Theme lösen.
Man wählt also in seinem Theme-Ordner das Template in dem die Links erscheinen sollen (in meinem Fall war das die single.php, da die Links nur in der Einzelansicht von Artikeln erscheinen sollen) und sucht nach der Stelle mit den Meta-Informationen zum Artikel. Es macht Sinn die Icons oder Links am Ende eines Artikels einzufügen, da sie der Leser an dieser Stelle am ehesten benutzt und wohl auch vermutet. Genauso könnte man aber auch ein Text-Widget in der Sidebar nutzen oder es in die sidebar.php des Themes schreiben, so hat es der Leser auch immer Blick, während er auf der Seite navigiert.
Ein Link, der den Pfad zum Artikel, den Titel und das Icon enthält, könnte so aussehen:
<a title="Share on Facebook" rel="nofollow" href="http://www.facebook.com/sharer.php?u=<php the_permalink(); ?>&t=< ?php echo urlencode(get_the_title($id)); ?>">
<img src="<php echo get_bloginfo('template_url'); ?/>/images/social/facebook_share_icon.gif" alt="Share on Facebook" />
</a>
In diesem Fall habe ich die fünf Links auf eine Ebene mit der Meta-Information gesetzt und links gefloatet, um die Leser-Aktion ein bißchen von der Leser-Information zu trennen.
Hier der komplette Code im Theme:
<div class="entry_footer">
<a class="social" title="Share on Facebook" rel="nofollow" href="http://www.facebook.com/sharer.php?u=<?php the_permalink();?>&t=< ?php echo urlencode(get_the_title($id)); ?>" target="_blank"><img src="<?php echo get_bloginfo('template_url');?/>/images/social/facebook_share_icon.gif" alt="Share on Facebook" /></a>
<a class="social" rel="nofollow" href="http://twitter.com/home?status=<?php echo urlencode(get_the_title($id)); ?>" target="_blank">" title="Tweet this!"><img src="<?php echo get_bloginfo('template_url');?/>/images/social/twitter_share_icon.jpg" alt="Tweet this!" /></a>
<a class="social" title="Digg this!" rel="nofollow" href="http://digg.com/submit?phase=2&url=<?php the_permalink(); ?>" target="_blank"><img src="<php echo get_bloginfo('template_url');?/>/images/social/digg_share_icon.jpg" alt="Digg this!" /></a>
<a class="social" title="Bookmark at Delicious" rel="nofollow" href="http://delicious.com/post?url=<?php the_permalink(); ?>&title=< ?php echo urlencode(get_the_title($id)); ?>" target="_blank"><img src="<?php echo get_bloginfo('template_url');?/>/images/social/delicious_share_icon.jpeg" alt="Bookmark at Delicious" /></a>
<a class="social" title="Stumble this!" rel="nofollow" href="http://www.stumbleupon.com/submit?url=<?php the_permalink(); ?>&title=< ?php echo urlencode(get_the_title($id)); ?>" target="_blank"><img src="<?php echo get_bloginfo('template_url');?/>/images/social/stumble_share_icon.ico" alt="Stumble this!" /></a>
<span>< ?php printf(__('Written by %s in ', 'streamline'), the_author('','',false)); the_category(', '); ?></span> < ?php edit_post_link(__('Edit', 'streamline'), '| <span>', ''); ?> < ?php the_tags('| <span>Tags: ', ', ', ''); ?>
<!-- entry_footer ends --></div>
Und die dazugehörige CSS:
.social {
float: left;
margin-right: 5px;
}
So steht der Mund-zu-Mund Propaganda nichts mehr im Wege. Happy Tweeting!
