Erst muss direkt nach dem \u00d6ffnen des <body>-Tags das JavaScript SDK von Facebook eingebaut werden – es bietet eine Vielzahl clientseitiger Funktionalit\u00e4ten, die f\u00fcr den Zugriff auf serverseitige Facebook-API-Aufrufe gebraucht werden. Das Skript kann man \u00fcber einen Hook einbauen, im Thematic-Framework geht das \u00fcber diese Funktion, die in die functions.php des (Child-)Themes kommt:<\/p>\n
[php]add_action(‚thematic_before‘, ‚fb_code‘);
\nfunction fb_code() { ?>
\n<div id="fb-root"><\/div>
\n<script>(function(d, s, id) {
\nvar js, fjs = d.getElementsByTagName(s)[0];
\nif (d.getElementById(id)) {return;}
\njs = d.createElement(s); js.id = id;
\njs.src = "\/\/connect.facebook.net\/de_DE\/all.js#xfbml=1";
\nfjs.parentNode.insertBefore(js, fjs);
\n}(document, ’script‘, ‚facebook-jssdk‘));<\/script>
\n<?php }[\/php]<\/p>\n
Dann geht es zur Facebook-ntwickler-Site, wo es Widget-Generatoren f\u00fcr allerlei Zwecke gibt. Wir generieren uns eine Like-Box. Die Chose ist selbsterkl\u00e4rend, hier geht es lang:<\/p>\n
developers.facebook.com\/docs\/reference\/plugins\/lik…<\/a><\/p>\n Den erhaltenen Code \u00fcbergeben wir in WordPress an ein einfachens Textwidget, das wir dor einbauen, wo wir die Like-Box sehen wollen. Ach ja: um das Widget-div von Facebook geh\u00f6rt ein zweites div, mit dem wir den unsch\u00f6nen Footer des Widgts maskieren k\u00f6nnen. Das k\u00f6nnte dann so aussehen:<\/p>\n [html]<div class="facebook-kasten"> Wir geben diesem div-Beh\u00e4lter die klasse .facebook-kasten mit und formatieren ihn in der Theme-CSS, etwa so:<\/p>\n [css].facebook-kasten { Erst muss direkt nach dem \u00d6ffnen des <body>-Tags das JavaScript SDK von Facebook eingebaut werden – es bietet eine Vielzahl clientseitiger Funktionalit\u00e4ten, die f\u00fcr den Zugriff auf serverseitige Facebook-API-Aufrufe gebraucht werden. Das Skript kann man \u00fcber einen Hook einbauen, im … Weiterlesen →<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[21,61,62,46,13],"tags":[],"_links":{"self":[{"href":"https:\/\/whitepapers.grafik-und-redaktion.de\/index.php?rest_route=\/wp\/v2\/posts\/934"}],"collection":[{"href":"https:\/\/whitepapers.grafik-und-redaktion.de\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/whitepapers.grafik-und-redaktion.de\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/whitepapers.grafik-und-redaktion.de\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/whitepapers.grafik-und-redaktion.de\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=934"}],"version-history":[{"count":5,"href":"https:\/\/whitepapers.grafik-und-redaktion.de\/index.php?rest_route=\/wp\/v2\/posts\/934\/revisions"}],"predecessor-version":[{"id":3209,"href":"https:\/\/whitepapers.grafik-und-redaktion.de\/index.php?rest_route=\/wp\/v2\/posts\/934\/revisions\/3209"}],"wp:attachment":[{"href":"https:\/\/whitepapers.grafik-und-redaktion.de\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=934"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/whitepapers.grafik-und-redaktion.de\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=934"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/whitepapers.grafik-und-redaktion.de\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=934"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
\n <div
\n class="fb-like-box"
\n style="margin:-3px 0 0 -1px"
\n data-href="www.facebook.com\/hansjoachim.heist"<\/a>;
\n data-height="250"
\n data-width="190"
\n data-show-faces="true"
\n data-stream="false"
\n data-header="false">
\n <\/div>
\n<\/div>[\/html]<\/p>\n
\nposition:relative;
\nleft:-2px;border:1px solid #3B5998!important;
\nbackground-color:#F5F5F5;
\nwidth:180px;
\nmax-height:220px;
\nmargin-bottom:20px;
\noverflow:hidden
\n}[\/css]<\/p>\n","protected":false},"excerpt":{"rendered":"