Inspiriert durch den Artikel Howto: Facebook Fanbox/Likebox anpassen und stylen bekam ich nach und nach die Idee dieses in ein eigenes Sidear-Widget in Pluginform zu verwirklichen. Kai beschreibt in seinem Artikel wie man diese mit dem einfachen Textwidget realisiert. Für all jene die das gerne als separates Widget haben, das gibt es jetzt hier.
Mit anderen Worten, es wird ein Widget mit einer Facebook-Fan-/Likebox erstellt. Im Gegensatz zu den bisherigen ist diese jedoch komplett über CSS anpassbar. Das CSS kann in den Einstellungen hinterlegt werden.
Sicherheitshinweis
Dieses Plugins ist leider auch auf einer Seite zu bekommen, welche dem ersten äusseren Anschein nach zu WordPress gehört. Dies ist allerdings nicht der Fall. http://www.wordpress-plugin.org/ gehört NICHT zu WordPress und ist NICHT das offizielle Pluginverzeichnis von WordPress.
Ich bitte daher von Plugindownloads, welche von dieser Seite angeboten werden abzusehen, da keine Garantie besteht, dass die Plugins unverändert gelassen wurden, oder eventuell Fremd- und Schadcode eingeschleust wurde.
Vertrauenswürdige WordPress-Plugins erhaltet ihr immer nur im offiziellen Pluginverzeichnis unter http://wordpress.org/extend/plugins/ oder auf den Seiten der Entwickler selbst. Dies gilt für alle WordPress-Plugins.
Features
- Einfache Installation
- Fan-/Likebox komplett durch CSS anpassbar
- Anzeigen des Streams der Fanseite
- Höhe anpassbar
Installation
Die Installation des Widgets ist, wie es für WordPress typisch ist, sehr einfach. Es gibt zwei Wege um Facebook Fanbox (with CSS Support) zu installieren.
Manuelle Installation
- Facebook Fanbox (with CSS Support) herunterladen.
- ZIP-Archiv entpacken.
- Ordner “facebook-fanbox-with-css-support” nach “/wp-content/plugins/” hochladen.
- Plugin aktivieren.
Automatische Installation
- Im Dashboard unter Plugins -> Installieren nach Facebook Fanbox (with CSS Support) suchen.
- Plugin installieren.
- Plugin aktivieren.
In beiden Fällen sind die Einstellungen unter Design -> Widgets zu finden. Hier zieht man das Widget einfach in eine gewünschte Sidebar und nimmt die entsprechenden Einstellungen vor.
Changelog
Version 1.1.5 und 1.2.0 (16. 03. 2011)
- Fix: Schreibfehler in einem Funktionsaufruf behoben (v1.1.5)
- Check: Prüfung ob alle Scripte von Facebook korrekt geladen sind. Diese werden bei Bedarf nachgeladen. (v1.2.0)
Version 1.1.3 (09. Februar 2011)
- Fix: Sidebartitel wird nicht mehr angezeigt, wenn dieser leer ist.
Version 1.1.0 (17. Januar 2011)
- Fix: CSS-Datei in das Verzeichnis /wp-content/uploads verschoben, damit diese nicht von Updates des Plugin beeinflusst wird und nicht jedes Mal neu bearbeitet werden muss.
Version 1.0.1 (12. Januar 2011)
- Fix: Sprache der Fanbox wird nun anhand der in der Blogkonfiguration hinterlegten Sprache erkannt. Diese muss in der wp-config.php definiert sein.
Version 1.0.0 (11. Januar 2011)
- Initialversion
- Deute Übersetzung beigefügt
F.a.Q.
Woher bekomme ich die ID meiner Fanpage?
Die bekommst Du direkt von Facebook. Logge Dich dazu in Deinen Account ein und gehe zu Deiner Fanpage. Unter Dem Logo findest Du einen Link “Seite bearbeiten“, dieser enthält die ID. Der Link hat in etwa den Aufbau facebook.com/pages/edit/?id=xxxxxxxxxxxxxxx und die 15-stellige Zahl hinter ?id= ist die ID der Fanpage.
Die Fanbox wird nicht angezeigt, obwohl alles richtig eingestellt ist.
Das Plugin nutzt einen sogenannten Hook, um ein JavaScript zu laden. Dieser Hook ist nichts anderes als eine Funktion in der footer.php und hat den Namen wp_footer();. Sollte diese Funktion bei euch nicht in dieser Datei aufgerufen werden, so könnt ihr sie nachträglich dort eintragen. Dazu editiert ihr eure footer.php und nehmt die folgende Änderung vor.
1 2 3 4 5 6 7 8 9 10 | <?php /** * Always have wp_footer() just before the closing </body> * tag of your theme, or you will break many plugins, which * generally use this hook to reference JavaScript files. */ wp_footer(); ?> </body> </html> |
Nun die Datei speichern und wieder in das Theme hochladen. Die Fanbox sollte nun angezeigt werden.
Ich bekomme die Meldung, dass meine CSS-Datei nicht beschreibbar ist, was kann ich tun?
Diese Meldung betrifft lediglich Versionen unter 1.1.0. Ein Update auf die aktuelle Version schafft hier Abhilfe.
Wie kann ich den Entwickler unterstützen?
Ich würde mich über eine kleine Aufmerksamkeit natürlich freuen. Hierzu ist in den Einstellungen des Widgets ein Flattr-Button zu finden. Klick einfach auf den 
Hallo!
I use you plugin on my sites, and I wrote you earlier too. Until now, your plugin worked flawlessly, but onw I can’t fix a problem. On csirmazandras.hu, it does not show the facebook box, only the title of it (Klikkelj a Tetszik-re!)
What could the problem be?
Your help is greatly appreciated, and again, your plugin is fantastisch
András
Hallo,
ich verwende dieses WP plugin nun schon einige Zeit, aber es hat ein besonderes Problem:
Laut FB sollen immer mehr user auf SSL browsen umsteigen. Und nun habe ich festgestellt,
dass der Like button in dem Fanbox-plugin für einen https-Liker einen Error produziert- mit der Angabe, dass die Seite per https://….. nicht erreichbar ist ..
Habe allerdings genau diese Url in den Firefox eingegeben – die FB-Fanpage ist erreichbar..
Bitte um rasche Hilfe
mfg
Peter
Hi Peter,
Wie genau lautet der “Error”? Also der genaue Wortlaut.
Ansonsten, werd ich mal schauen, was das mit dem https auf sich hat.
[...] um Social Media Buttons sehr beliebte 2-Click Social Media Buttons Plugin oder das Facebook Fanbox Plugin. [...]
Hi,
Sehr gelungenes Plugin!
Allerdings bräuchte ich einen kleinen Hilfestellung – - – ist es möglich den normalen Text in einer anderen Farbe darzusetellen?
Habe an folgender stelle versucht dieses zu ändern….
2
3
4
background:none;
border:none;
color:#******;}
…leider ohne erfolg!
mfG,
Sandro
Versuchs mal hiermit:
Danke für Dein schnellen Feedback!
Habe es über das CSS Fenster des Widgets versucht – leider ohne erfolg!
falscher Ort?
Das ist schon richtig da
Hast Du es schon ausprobiert? …klappt es bei Dir?
hier die Lösung:
2
3
color:#fff;
}
Wo in der CSS muss ich diese Zeile den einfügen? An welcher Stelle?
Hallo H.(Hans?)-Peter
Eine Frage:.
Ich habe jetzt tagelang überlegt, warum die Gesichter ín meiner FB-Likebox nur manchmal angezeit werden..
Ich dachte erst, daß sich die verschiedenen FB-Plugins vielleicht gegenseitig stören…
Jetzt hab ich herausgefunden, daß die Gesichter nur angezeigt werden, wenn ich in FB eingeloggt bin. Ist das so gewollt?
lg Elke
Der gesamte Inhalt der Likebox wird durch ein Script von Facebook generiert, auf das ich keinerlei Einfluss habe. Wenn FB nun der Meinung ist, die Faces nur anzuzeigen, wenn man eingeloggt ist, dann kann ich das nicht ändern.
Und wieso versucht eigentlich jeder zu raten, was das H in meinem Namen bedeutet?
http://blog.ppfeufer.de/das-ding-mit-den-namen/
Hans ist übrigens komplett falsch!
Ach Du schxxx ..sorry.
Beinah hätt ich ja wirklich nur Peter gesagt
lg Elke
Hi H.-Peter,
Thanks for the plugin! Exactly what I was looking for.
But of couse I have a question.
On the site angelictouch.ie we use the stream not the pictures. There is quite a bit of empty space below it – before the recent posts.
I just can’t figure out how to get rid of that. The height obviously only changes how much info is shown. And margin-bottom or padding-bottom didn’t change it either.
Any idea?
Thanks a mill,
Petra