Sharebar einrichten

• Tweet
• Sumo

• Tweet

Was ist Sharebar?
Ich würde behaupten, Sharebar macht deinen Blog Social-Media-fähig. Natürlich gibt es viele weitere Plugins, die dir Facebooklikes, Tweets etc. anzeigen. Aber m. E. ist Sharebar am leichtesten einzubauen und anzupassen.

Wo bekomme ich Sharebar her?
Sharebar ist kostenlos und kann man ganz normal über die Add-on Seite von WordPress.org herunterladen. Für diejenigen, die nicht suchen wollen, hier der Direktlink. Es ist auch mit der aktuellen Version von WordPress 3.5.1 kompatibel (das werde ich hier im Blog gleich testen…)

Einbau von Sharebar
Wenn man sich nun Sharebar runtergeladen und installiert hat, kann man es unter dem WordPress Admin-Panel bei den Plugins aktivieren. Ich hab das bei diesem Blog gemacht und es sieht dann so aus:

Zugegeben, nicht so, wie man es sich vorstellt, und daher muss es noch entsprechend angepasst werden. Dazu geht man im WordPress Adminbereich unter „Einstellungen“ (1) – „Sharebar“ (2) und dann sollte es so aussehen:

(3)
Zu allererst wähle ich für mich die Hauptkanäle aus, das wären Facebook, Twitter und Google+. Der Rest ist am Anfang ein „nice to have“ aber die eben genannten Social-Media Plattformen für mich am wichtigsten. Unter dem Konfigmenü sind die Anbieter chronologisch angeordnet, die weiter oben stehen, werden auch entsprechend angezeigt. Also verschiebe ich das Digg gaaanz nach unten und hole die Facebookanwendung nach oben. Realisiert wird das durch die Pfeiltasten.
So sieht es dann bei mir aus:

Manchen wird nun schon etwas aufgefallen sein:
1. Der Facebook Big Like Button ist abgeschnitten (oben rot eingekreist) und
2. wo zur Hölle ist Google+?

Zum 1. Problem:
Man geht bei dem Feld „Actions“ auf „Edit“ und ändert dann im folgenden die Abmessungen so ab:

Einfach die Weite auf 85 abändern und auf „Update Button“ gehen.

Nun zur Google+ Anzeige
Hier muss man auf „Add Button“ gehen und folgendes ausfüllen:

1. Einen sprechenden Namen
2. die Position in der Leiste
3. aktivieren
4. diesen Eintrag:

<g:plusone size="tall"></g:plusone>


<script type="text/javascript">
  window.___gcfg = {lang: 'de'};

  (function() {
    var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
    po.src = 'https://apis.google.com/js/plusone.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
  })();
</script>

und bei 5. diesen Eintrag:

<g:plusone size="medium"></g:plusone>


<script type="text/javascript">
  window.___gcfg = {lang: 'de'};

  (function() {
    var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
    po.src = 'https://apis.google.com/js/plusone.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
  })();
</script>

Sollte die Leiste in die Seite hineinreichen, dann muss man diese etwas verschieben, wie, das zeige ich euch jetzt!

Unter den „Sharebar Settings“ stellt ihr folgendes ein:

1. Hier stellt man ein, wann die Sharebar erscheinen soll
2. Soll sie links oder rechts vom Beitrag erscheinen?
3. Hier muss man experimentieren, je nach Theme entsprechend mit den Zahlen spielen. Was ich gesehen habe, je größer die Zahl um so weiter verschiebt sich die Sharebar nach links/rechts aussen.
4. Die allgemeine Größe
5. Wenn man Twitter als Sharekanal gewählt hat, sollte man hier seinen Twitternamen eintragen
6. zum Schluss bestätigen

Wenn man die Schritte befolgt hat, dann müsste es wie folgt aussehen: