Twitter, Google+ und Facebook Buttons selbst gemacht …
Ich weiss … grundsätzlich ist es keine grosse Sache (zumindest mit WordPress im Background), ein Plugin zu installieren, welches die ganzen Share-, Like- und Wasweissich-Buttons der breiten Social Media Welt anzeigt. Nach drei verschiedenen Versuchen, dies über Plugins zu machen, wollte ich das ganze Spielchen heute selber machen.
Dies hat eigentlich nur einen Grund: die Reihenfolge :-) Das mag jetzt ganz zimperlich klingen, aber für mich spielt es eine Rolle, ob jetzt Twitter an erster Stelle steht oder Facebook. Und kein bisher ausprobiertes Plugin konnte mir den Wunsche erfüllen. Daher flux ans Werk gemacht und die ganzen Einstellungen gesucht.
Die Codes, respektive Button-Links, bekommt man eigentlich relativ einfach und zwar gibts dazu von jedem der angesprochenen Social Media Projekte eine eigene Developer- (also Entwickler) Seite:
- Twitter >> dev.twitter.com/docs/tweet-button
- Google+ >> developers.google.com/+/plugins/+1button
- Facebook >> developers.facebook.com/docs/reference/plugins/like
Auf diesen Seiten findet man die nötigen Codes und Parameter für den individuellen Geschmack und jede mögliche Vorliebe.
So hat sich dann bei mir folgender Code-Schnipsel ergeben, welchen ich einmal unter jeden Artikel (via single.php) und unter die Artikel auf der Hauptseite (via index.php) eingefügt habe:
<!– Share –>
<a href=”http://twitter.com/share” data-count=”horizontal” data-via=”relgib” data-lang=”de” data-url=”<?php the_permalink() ?>” data-text=”<?php the_title(); ?>”>Tweet</a><script type=”text/javascript” src=”http://platform.twitter.com/widgets.js”></script><script type=”text/javascript” src=”https://apis.google.com/js/plusone.js”></script>
<g:plusone size=”medium”></g:plusone><iframe src=”//www.facebook.com/plugins/like.php?href=<?php the_permalink() ?>&send=false&layout=button_count&width=100&show_faces=false&action=like&colorscheme=light&font&height=21″ scrolling=”no” frameborder=”0″ style=”border:none; overflow:hidden; width:120px; height:21px;” allowTransparency=”true”></iframe>
<!– Share end –>
Dieser Code-Schnipsel erzeugt dann die drei Buttons, wie sie unten zu sehen sind. Das einzige, was für die individuelle Anpassung nötig ist, ist der rot markierte Teil. Dort müsste dann euer Twittername rein.
Eigentlich könnte man das schon in ein eigenes Plugin packen, aber das muss ja nicht immer gleich sein :D Ich finds so übersichtlicher…
Tweet
RELGIB? Diesen Platz im Web benutze ich als Ausgleich zu meinem Informatiker-Alltag. Auf dieser kleinen Spiel- und Experimentierwiese veröffentliche ich was mich gerade interessiert, bewegt oder was einfach mitteilenswert ist :-)
Hinterlasse eine Antwort