Facebook Like Button Plugin

  • Hallo zusammen,

    habe mir vor ein paar Tagen das Facebook Like Button Plugin geladen.

    HTML
    http://www.naturmedi-aufkurs.com/


    Funktioniert scheinbar sehr gut. Ich hab das Plugin unter jeden Artikel eingestellt. Der Abstand am Ende der einzelnen Artikel nach unten ist zu groß. Dort gibt es jetzt einen sehr großen Freiraum. Gibt es einen Trick das zu vermeiden.

    Gruss Veron

    Immer AufKurs mit AufKurs88 und beim Reisen ebenfalls.

    Einmal editiert, zuletzt von veron (28. August 2011 um 15:46)

    • Anzeige

    Hallo!

    Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

    • ✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
    • ✔️ Deutsche Server & DSGVO-konform
    • ✔️ Persönlicher Support (kein 0815-Ticket-System)

    Mehr erfahren

  • http://www.pixo-webdesign.de

    Hallo,

    ich habe mir das mal angeschaut.
    Abgesehn davon dachte ich erst du meinst deine widgets rechts, die aussehen als wenn da ein Sturm gewütet hat :-P..

    Ich habe ein kleines Bild vorbereitet, auf denen du sehen kannst was die Änderung vollbringt. http://img4.fotos-hochladen.net/uploads/iframe3xzcp07jhf.jpg
    Meinst du diesen Abstand?

    Du musst im Theme einfach dieses Iframe suchen und dort wie rechts markiert Ihm eine Höhe verpassen, dies kann man mit den Befehl :

    PHP
    Height: 30px

    .
    Bin jetzt etwas zu faul genau zu schaun wo, evtl. auf dem Plugin Template.

    Viel Erfolg.

  • Hallo auch,

    danke für das Bild und die Beschreibung. Es hat etwas gedauert, bis ich mich wieder mit diesem Problem beschäftigen konnte.
    Ich habe auch im Plugin selber gesucht, (unter "bearbeiten") aber die Stelle, die ich verändern sollte habe ich nicht gefunden. Kannst du mir noch einen Hinweis geben :-P


    Danke Veron

  • Welches Plugin benutzt du denn genau? Davon gibts ja nicht gerade wenig, dazu noch mit sehr ähnlichen Namen ;)

    Ansonsten kann ich nur empfehlen das Ganze ohne Plugin zu lösen, immer noch die zuverlässigste Variante. Vorraussetzung dafür ist allerdings ein eigener Account bei Facebook und ein mit der Handynummer bestätigtes bzw. aktiviertes Facebook Developers Konto. Wenn du beides besitzt oder nicht davor zurückschreckst, dich bei Facebook anzumelden und/oder ein Developers Konto zu "eröffnen", geht das Ganze recht einfach.

    Bevor ich mir aber nun hier einen Wolf schreibe, sag mir doch einfach erstmal ob du daran interessiert bist, es ohne Plugin zu lösen :)

  • Na dann ;)

    Du brauchst unbedingt deine User-ID & eine Application-ID.

    Wenn du für dein Profil auf Facebook (Dein Persönliches Profil, nicht das Profil der Seite) einen Nutzernamen angelegt hast, gehst du einfach auf

    Code
    http://graph.facebook.com/dein.nutzername

    "dein.nutzername" wird selbstverständlich durch den von dir festgelegten Nutzernamen ersetzt. Der erste Punkt "id" ist deine User-ID. Am besten irgendwo abspeichern ...

    Hast du keinen Nutzernamen angelegt, gehst du einfach auf dein Profil und schaust mal in die Adressleiste. Die lange Zahl ist deine User-ID.

    Als nächstes musst du, sofern nicht schon geschehen, eine App auf der Facebook-Dev Seite anlegen, zufinden unter

    Code
    http://developers.facebook.com/setup

    Hier kommt die Sache mit der Handynummer ins Spiel, wenn du noch kein bestätigtes Konto hast. Handynummer eingeben, dann kommt eine SMS mit einem Code, den dann wieder auf der Seite eingeben und das Konto ist bestätigt. Wundere dich nicht, wenn du plötzlich in deinem Profil die Handynummer findest, die ist nur für dich sichtbar.

    Nun legst du noch fix eine App an und speicherst dir noch zu der User-ID irgendwo die/den ausgegebene(n) App ID/API Key und dann gehts ans editieren des Designs.

    Öffne die header.php und füge irgendwo innerhalb des <head>-Tags folgendes ein:

    PHP
    <?php if ( is_single() ) : ?>
    <meta property="fb:admins" content="deine_user_id" />
    <meta property="fb:app_id" content="deine_app_id" />
    <meta property="og:site_name" content="<?php bloginfo('name'); ?>" />
    <meta property="og:title" content="<?php echo get_the_title(); ?>" />
    <meta property="og:type" content="article" />
    <? endif; ?>

    Unbedingt darauf achten, das du in Zeile 2 und 3 die jeweiligen ID's ersetzt!

    Nun die footer.php öffnen und vor dem schließenden <body>-Tag folgendes schreiben:

    PHP
    <?php if ( is_single() ) : ?>
    <div id="fb-root"></div>
    <script src="http://connect.facebook.net/de_DE/all.js" type="text/javascript">
    </script>
    <script type="text/javascript">
    window.fbAsyncInit = function() {
    FB.init({appId: 'deine_app_id', status: true, cookie: true, xfbml: true});
    }
    </script>
    <?php endif; ?>

    Auch hier darauf achten, dss du die App-ID ersetzt. Möchtest du übrigens die Englische Version des Buttons, ersetzt du einfach das de_DE durch en_US in der footer.php ;)

    Nun noch die single.php öffnen und an die Stelle, wo der Button hin soll, folgendes einfügen:

    PHP
    <script src="http://connect.facebook.net/de_DE/all.js#xfbml=1"></script>
    <fb:like layout="standard" show_faces="false" send="false" width="450"></fb:like>

    Ggf. auch hier das de_DE durch en_US ersetzen.
    Für das <fb:like>-Tag gibts noch mehr Attribute, ggf. also noch nach deinen Wünschen anpassen. Komplette Auflistung (von Facebook kopiert):

    Einmal editiert, zuletzt von Kami19o4 (1. September 2011 um 11:04)

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!