Der HTML-Code unten erzeugt eine Tabelle mit 3 Spalten, in denen sich die Codes für die Buttons zum Teilen / Liken, Twittern und Plussen von Inhalten auf Facebook, Twitter und Google Plus befinden. Damit die Scripte der Buttons ausgeführt werden können, sind noch einige Vorbereitungen zu treffen:
- Wenn Du die Buttons in einem Post einbinden willst, benötigst Du das WordPress-Plugin Grimp PHP.
- Wenn Du die Buttons in der Sidebar einbinden willst, benötigst Du das WordPress-Plugin PHP Text Widget.
- Bei Facebook & Google+ ist es zudem erforderlich, noch einen Code in den Header-Abschnitt deiner Website zu schreiben. Diese Codes findest Du hier und hier.
HTML-Code
<table height="70">
<tr>
<td valign="top" width="82"><div class="fb-like" data-href="<?php echo get_permalink(); ?>" data-layout="box_count" data-action="like" data-show-faces="false" data-share="false"></div> </td>
<td valign="top" style="padding-left:7px;">
<a href="https://twitter.com/share" class="twitter-share-button" data-via="martinohamann" data-lang="de" data-count="vertical" url="<?php echo get_permalink(); ?>">Twittern</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script></td>
<td valign="baseline" style="padding-left:7px;"><div class="g-plusone" data-size="tall" data-href="<?php echo get_permalink(); ?>"></div> </td> </tr>
</table>
<tr>
<td valign="top" width="82"><div class="fb-like" data-href="<?php echo get_permalink(); ?>" data-layout="box_count" data-action="like" data-show-faces="false" data-share="false"></div> </td>
<td valign="top" style="padding-left:7px;">
<a href="https://twitter.com/share" class="twitter-share-button" data-via="martinohamann" data-lang="de" data-count="vertical" url="<?php echo get_permalink(); ?>">Twittern</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script></td>
<td valign="baseline" style="padding-left:7px;"><div class="g-plusone" data-size="tall" data-href="<?php echo get_permalink(); ?>"></div> </td> </tr>
</table>
Vorschau:
Sonstiges
-Ersetze noch unter "data-via=" martinohamann durch deinen Twitter-Namen, um in Tweets erwähnt zu werden.