kulturbanause blog


Hier findest Du Artikel, Tutorials, Downloads, Tipps, Hacks, Snippets und aktuelle Szene-News rund um illustratives Webdesign, Social Media und digitale Bildbearbeitung.



Facebook "gefällt mir"-Button in WordPress einbinden

i-like-facebook

Der Facebook-Button "gefällt mir" wird wohl mittlerweile fast jedem ein Begriff sein. Innerhalb des Social Media Dienstes können User per Klick bekunden, dass ihnen eine Facebook-Aktivität gefällt. Für Facebook-Seiten lautete dieser Button bis vor kurzen noch "Fan werden", nun wurde das Wording angepasst. In einem weiteren Schritt hat Facebook die Anzahl der Developer-Plugins erhöht, so dass es nun kinderleicht möglich ist den Button in die eigene Website einzubinden.

Facebook Plugins

Die Facebook-Developer Seite bietet ein Mini-Script an was mittels iframe kinderleicht den "gefällt mir"-Button in die eigene Seite integriert. Über die Website kann der Button im Erscheinungsbild angepasst werden, anschließend könnt Ihr Euch den Source-Code kopieren und in die eigene Seite einbinden.
Um den Button nun innerhalb von WordPress nutzen zu können müssen wir den Permalink (aktuelle Seite/Artikel innerhalb von WordPress) in den Code einbinden. Inklusive integriertem Permalink sieht der abgewandelte Code dann so aus. Ich habe in diesem Beispiel das Farbschema auf "Dark" geändert, die Breite mit 500 Pixeln und die Höhe mit 30 Pixeln angegeben.

<iframe src="http://www.facebook.com/plugins/like.php?href=<?php echo urlencode(get_permalink($post->ID)); ?>&amp; layout=standard&amp; show_faces=false&amp; width=500&amp; action=like&amp; font=tahoma&amp; colorscheme=dark" scrolling="no" frameborder="0" allowTransparency="true" style="border:none; overflow:hidden; width:500px; height:30px"></iframe>

Diesen Code bindet Ihr nun in Eurem WordPress-Theme (z.B. in der single.php, index.php, page.php) innerhalb des Loops ein. Wie das Ganze dann innerhalb der Seite funktioniert und aussieht könnt Ihr direkt in diesem Post ausprobieren. Ganz unten hab ich den Button mal zu Testzwecken in mein Theme integriert.

via The Social Media Guide