1

Sharebar einrichten

Posted by Swen on 30. Januar 2013 in Blogs / Projekte |
  • Sumo

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:

Dies ist die Standarddarstellung von Sharebar ohne Anpassung

Dies ist die Standarddarstellung von Sharebar ohne Anpassung

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:

Wordpress Adminansicht der Sharebar-Einstellungen

WordPress Adminansicht der Sharebar-Einstellungen

(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:

Sharebar ist angeordnet, aber noch nicht perfekt eingestellt.

Sharebar ist angeordnet, aber noch nicht perfekt eingestellt.

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:

Die Änderung der Zellweite auf 85 Pixel für die komplette Facebook Symbolik

Die Änderung der Zellweite auf 85 Pixel für die komplette Facebook Symbolik

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:
sharebar google+

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:

Sharebar Plugin einrichten für die eigene WordPress-Seite

Sharebar Plugin einrichten für die eigene WordPress-Seite

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:

So sieht bei mir Sharebar fertig eingerichtet aus!

So sieht bei mir Sharebar fertig eingerichtet aus!

1 Comment

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert

Copyright © 2012-2024 Swen Prause All rights reserved.
This site is using the Desk Mess Mirrored theme, v2.5, from BuyNowShop.com.

banner