WPBeginner - WordPress-Tutorials für Anfänger

Vertrauenswürdige WordPress-Tutorials, wenn Sie sie am dringendsten benötigen.
Anfängerleitfaden für WordPress
WPB Cup
25 Millionen+
Websites, die unsere Plugins verwenden
16+
Jahre WordPress-Erfahrung
3000+
WordPress-Tutorials von Experten

So fügen Sie den Facebook-Like-Button in WordPress hinzu

Von Editorial Staff | | Offenlegung durch Leser

Shares 2k ChatGPT Perplexity X LinkedIn WhatsApp

Eine einfache Wahrheit über erfolgreiche WordPress-Sites: Es ist entscheidend für das Wachstum, es den Besuchern leicht zu machen, sich mit Ihren Inhalten zu beschäftigen. Doch so viele Website-Besitzer übersehen etwas so Einfaches wie das Hinzufügen eines Facebook Like-Buttons.

Auch wenn es wie eine kleine Ergänzung erscheinen mag, ist es tatsächlich eines der mächtigsten Werkzeuge zur Erweiterung Ihrer Reichweite. Mehr Likes bedeuten mehr Sichtbarkeit, was oft zu mehr Traffic und potenziellen Kunden führt.

Glücklicherweise ist das Hinzufügen eines solchen zu Ihrer WordPress-Website einfacher, als Sie vielleicht denken! Wir haben verschiedene Methoden zur Facebook-Integration ausprobiert und einige gefunden, die außergewöhnlich gut funktionieren.

In diesem Tutorial führen wir Sie durch das Hinzufügen eines Facebook Like-Buttons in WordPress. Wir teilen die besten Ansätze, die wir getestet haben, damit Sie soziale Interaktion nutzen können, um Ihre WordPress-Website zu vergrößern. 📈

So fügen Sie den Facebook-Like-Button in WordPress hinzu

Warum einen Facebook-Like-Button in WordPress hinzufügen?

Facebook ist eine der beliebtesten Social-Media-Plattformen der Welt. Viele Unternehmen nutzen Facebook, um mit ihren Kunden in Kontakt zu treten und ihre Produkte zu bewerben.

Das Hinzufügen eines Facebook Like-Buttons zu Ihrer WordPress-Website kann zu mehr Interaktion führen. Es ermutigt die Leute auch, Ihre Inhalte auf ihren Facebook-Profilen zu teilen und neue Nutzer auf Ihre Website zu locken.

Sie können den Facebook Like-Button verwenden, um Ihre Social-Media-Follower zu erhöhen und eine Community aufzubauen. Es hilft, das Bewusstsein für Ihre Produkte und Dienstleistungen zu schärfen und die Konversionen zu steigern.

In diesem Sinne zeigen wir Ihnen, wie Sie einen Facebook Like-Button zu Ihrer WordPress-Website hinzufügen. Hier ist eine kurze Übersicht über die Methoden, die wir in diesem Leitfaden behandeln werden:

Bereit? Sehen wir uns an, wie Sie mit einem Plugin oder benutzerdefiniertem Code einen Facebook Like-Button in WordPress hinzufügen.

Methode 1: Fügen Sie einen Facebook Like-Button in WordPress mit einem Plugin hinzu

In dieser Methode verwenden wir ein WordPress-Plugin, um einen Facebook Like-Button hinzuzufügen. Diese Methode ist sehr einfach und wird für Anfänger empfohlen.

Das erste, was Sie tun müssen, ist BestWebSoft’s Like & Share zu installieren und zu aktivieren. Weitere Details finden Sie in unserer Schritt-für-Schritt-Anleitung, wie man ein WordPress-Plugin installiert.

Nach der Aktivierung können Sie über Ihr WordPress-Admin-Panel zu Like & Share » Einstellungen navigieren.

Like- und Share-Plugin-Einstellungen

Als Nächstes müssen Sie eine Facebook „App ID“ und ein „App Secret“ hinzufügen. Wenn Sie diese Informationen nicht haben, folgen Sie einfach den nachstehenden Schritten.

So erstellen Sie eine Facebook App ID und einen App Secret

Klicken Sie im Bedienfeld „Einstellungen“ auf den Link „Neues erstellen“ unter dem Feld „App-ID“ oder „App-Geheimnis“ im Plugin „Gefällt mir & Teilen“.

Dies führt Sie zur Meta for Developers-Website. Wir empfehlen, die Website in einem neuen Tab oder Fenster zu öffnen, da Sie die Seite mit den Einstellungen für „Gefällt mir & Teilen“ in Ihrem WordPress-Adminbereich öffnen müssen, um die App-ID und das Geheimnis einzugeben.

Von hier aus müssen Sie einen App-Typ auswählen. Wählen Sie als App-Typ 'Business' und klicken Sie auf die Schaltfläche 'Weiter'.

Wählen Sie Ihren App-Typ

Als Nächstes müssen Sie grundlegende Informationen zu Ihrer App angeben.

Sie können einen Anzeigenamen für Ihre App eingeben und sicherstellen, dass die richtige E-Mail-Adresse im Feld „App-Kontakt-E-Mail“ angezeigt wird. Facebook wählt automatisch die E-Mail-Adresse des Kontos aus, bei dem Sie gerade angemeldet sind.

Es gibt auch die Option, ein Geschäftskonto auszuwählen. Sie können dies auf 'Kein Business Manager-Konto ausgewählt' belassen und auf die Schaltfläche 'App erstellen' klicken.

Grundlegende Informationen für die App eingeben

Dann erscheint ein Pop-up-Fenster. Hier wird Facebook Sie auffordern, Ihr Passwort erneut einzugeben.

Dies ist eine Sicherheitsmaßnahme, um bösartige Aktivitäten auf Ihrem Konto zu verhindern. Geben Sie Ihr Facebook-Konto-Passwort ein und klicken Sie auf die Schaltfläche „Senden“.

Geben Sie Ihr Facebook-Passwort erneut ein

Danach sehen Sie Ihr App-Dashboard.

Von hier aus können Sie zu Einstellungen » Allgemein im Menü auf der linken Seite wechseln.

Gehen Sie zur Seite mit den Grundeinstellungen

Erweitern Sie nun das Dropdown-Menü „Einstellungen“ und klicken Sie auf „Basis“.

Hier sehen Sie die „App-ID“ und das „App-Geheimnis“.

Sie können diese Informationen jetzt in den Einstellungen des Like & Share-Plugins eingeben.

App-ID und Geheimnis kopieren

Passen Sie Ihren Facebook Like-Button an

Zuerst kopieren Sie die „App-ID“ und kehren Sie zum Tab oder Fenster zurück, in dem die Seite Like & Share » Einstellungen geöffnet ist. Geben Sie dann einfach die „App-ID“ in das entsprechende Feld ein.

Nun möchten Sie den Schritt wiederholen, indem Sie die 'App Secret'-Daten von der Meta for Developers-Seite kopieren und in die Like & Share-Plugin-Einstellungen einfügen.

Passen Sie Ihren Facebook Like-Button an

Sobald Sie das getan haben, können Sie wählen, ob Sie den Facebook-Like-Button zusammen mit der Profil-URL und den Share-Buttons anzeigen möchten.

Es gibt auch Einstellungen, um die Größe des Facebook-Gefällt-mir-Buttons, seine Position vor oder nach dem Inhalt und die Ausrichtung zu bearbeiten.

Weitere Anpassungsoptionen

Wenn Sie den Profil-URL-Button aktiviert haben, können Sie nach unten zum Abschnitt „Profil-URL-Button“ scrollen und Ihren Facebook-Benutzernamen oder Ihre ID eingeben.

Wenn Sie fertig sind, vergessen Sie nicht, Ihre Änderungen zu speichern.

Das Plugin fügt nun automatisch einen Facebook Like-Button zu Ihrer WordPress-Website hinzu und positioniert ihn basierend auf Ihren Einstellungen.

Sie können auch den [fb_button] Shortcode verwenden, um den Facebook Like-Button überall auf Ihrer Website hinzuzufügen.

Das ist alles! Sie können jetzt Ihre Website besuchen und den Like-Button auf jedem Beitrag sehen.

Facebook Like-Button Vorschau

Methode 2: Facebook-Gefällt-mir-Button manuell in WordPress hinzufügen

Eine andere Möglichkeit, einen Facebook Like-Button hinzuzufügen, ist die Verwendung von benutzerdefiniertem Code. Diese Methode erfordert jedoch das direkte Hinzufügen von Code zu WordPress, daher empfehlen wir sie nur für diejenigen, die mit der Codebearbeitung vertraut sind.

In diesem Abschnitt verwenden wir das WPCode-Plugin, da es jedem leicht macht, Code zu seinem WordPress-Blog hinzuzufügen.

Zuerst müssen Sie jedoch die Seite 'Like Button' auf der Meta for Developers-Website besuchen und zum Abschnitt 'Like Button Configurator' scrollen.

Code von der Facebook-Entwicklerseite abrufen

Geben Sie als Nächstes Ihre Facebook-Seiten-URL in das Feld „URL zum Liken“ ein. Dies verbindet den Facebook-Like-Button mit Ihrer Seite.

Danach verwenden Sie einfach die Konfiguration, um das Layout und die Größe des Like-Buttons zu wählen. Sie erhalten auch eine Vorschau des Like-Buttons.

Wenn Sie mit der Vorschau zufrieden sind, klicken Sie auf die Schaltfläche 'Code abrufen'. Daraufhin öffnet sich ein Pop-up-Fenster, das zwei Code-Schnipsel unter dem Tab 'JavaScript SDK' anzeigt.

Kopieren Sie den SDK-Code

Bitte beachten Sie, dass das direkte Hinzufügen dieser Code-Schnipsel zu Ihrem WordPress-Theme Ihre Website beschädigen kann. Außerdem werden sie bei einem Theme-Update überschrieben.

Deshalb empfehlen wir die Verwendung des WPCode Plugins. Dieses Plugin ermöglicht es Ihnen, Code-Snippets auf Ihrer Website einzufügen und benutzerdefinierten Code einfach zu verwalten, ohne Ihre Theme-Dateien bearbeiten zu müssen. Dies hilft Ihnen, das Risiko zu vermeiden, Ihre WordPress-Website zu beschädigen.

WPCode's Homepage

Außerdem vertrauen wir WPCode auf unseren Markenseiten, um Anpassungen reibungslos und effizient zu handhaben. Weitere Informationen zu unseren Erfahrungen damit finden Sie in unserem vollständigen WPCode-Testbericht.

Um zu beginnen, müssen Sie das kostenlose WPCode-Plugin installieren und aktivieren. Weitere Details finden Sie in unserem Leitfaden zur Installation eines WordPress-Plugins.

📝 Hinweis: Die kostenlose Version von WPCode ermöglicht es Ihnen, benutzerdefinierte Code-Snippets hinzuzufügen, was wir hier verwenden werden. Ein Upgrade auf WPCode Pro schaltet jedoch zusätzliche Funktionen frei, wie z. B. eine vollständige Revisionshistorie und die Möglichkeit, Ihren Code zu planen.

Nach der Aktivierung können Sie von Ihrem WordPress-Dashboard aus zu Code-Snippets » Header und Footer navigieren. 

Dann müssen Sie den ersten Codeausschnitt kopieren und ihn in die Datei header.php Ihres WordPress-Themes direkt nach dem <body>-Tag einfügen. Kopieren Sie einfach den Code und fügen Sie ihn in den Abschnitt „Body“ ein.

Vergessen Sie nach Abschluss dieses Vorgangs nicht, auf die Schaltfläche „Änderungen speichern“ zu klicken.

Fügen Sie den ersten Code in den Header-Bereich ein

Als Nächstes müssen Sie das zweite Code-Snippet kopieren und in Ihre WordPress-Site einfügen, um den Facebook Like-Button anzuzeigen.

Um dies zu tun, können Sie in Ihrem WordPress-Admin-Panel zu Code Snippets » + Snippet hinzufügen gehen. Oder klicken Sie einfach im WPCode-Dashboard auf die Schaltfläche „Neu hinzufügen“.

Klicken Sie auf 'Neues Snippet hinzufügen' in WPCode

Auf dem nächsten Bildschirm können Sie mit WPCode einen Schnipsel aus der vordefinierten Bibliothek auswählen oder einen neuen benutzerdefinierten Code hinzufügen.

Wählen Sie die Option 'Benutzerdefinierten Code hinzufügen (Neuer Schnipsel)' und klicken Sie auf die Schaltfläche 'Schnipsel verwenden'.

Benutzerdefinierten Code in WPCode hinzufügen

Danach können Sie Ihrem benutzerdefinierten Code einen Namen geben und den zweiten Code-Schnipsel im Abschnitt „Code-Vorschau“ eingeben.

Stellen Sie sicher, dass Sie das Dropdown-Menü „Code-Typ“ anklicken und „HTML-Snippet“ als Code-Typ auswählen.

Geben Sie den zweiten Code ein und wählen Sie den Code-Typ

Dann können Sie nach unten zum Abschnitt „Einfügung“ scrollen und auswählen, wo der Facebook-Gefällt-mir-Button erscheinen soll.

Zum Beispiel, sagen wir, Sie möchten, dass es vor dem Inhalt erscheint.

Klicken Sie einfach auf das Dropdown-Menü „Standort“ und wählen Sie die Option „Vor Inhalt einfügen“ unter „Seite, Beitrag, benutzerdefinierte Beitragstypen“.

Position des Like-Buttons auswählen

Sobald Sie fertig sind, können Sie auf die Schaltfläche „Snippet speichern“ klicken.

Sie müssen auch auf den Schalter klicken und ihn von 'Inaktiv' auf 'Aktiv' umstellen.

WPCode-Code-Snippet speichern und aktivieren

Das ist alles. Ein Facebook Like-Button wird auf Ihrer Website angezeigt, nachdem Sie den Code eingegeben haben.

Bonustipp: Was ist Open Graph Metadaten & Wie fügt man sie zu WordPress hinzu?

Open Graph ist Metadaten, die Facebook helfen, Informationen über eine Seite oder einen Beitrag auf Ihrer WordPress-Website zu sammeln. Diese Daten umfassen ein Thumbnail-Bild, den Titel des Beitrags/der Seite, eine Beschreibung und den Autor.

Facebook ist ziemlich clever darin, die Titel- und Beschreibungsfelder abzurufen. Wenn Ihr Beitrag jedoch mehr als ein Bild enthält, wird manchmal ein falsches Miniaturbild angezeigt, wenn er geteilt wird.

Wenn Sie bereits das All in One SEO (AIOSEO) Plugin verwenden, kann dies leicht behoben werden.

Bei WPBeginner verwenden wir selbst das AIOSEO-Plugin zur Verwaltung von OpenGraph-Einstellungen für Facebook und X, neben anderen SEO-Bemühungen. Wir sind große Fans davon und Sie können unseren ausführlichen AIOSEO-Testbericht für weitere Details lesen.

Um dies zu tun, können Sie zuerst zu All in One SEO » Social Networks gehen und zum Facebook-Tab wechseln.

Klicken Sie dann auf die Schaltfläche „Bild hochladen oder auswählen“, um ein „Standard-Facebook-Bild für Beiträge“ festzulegen, falls Ihr Artikel kein Open-Graph-Bild hat.

Standard-Facebook-Bild hochladen

Außerdem können Sie für jeden einzelnen Beitrag oder jede Seite ein Open-Graph-Bild konfigurieren.

Bearbeiten Sie einen Beitrag und scrollen Sie einfach nach unten zum Abschnitt „AIOSEO-Einstellungen“ im Content-Editor. Wechseln Sie dann zum Tab „Sozial“ und sehen Sie eine Vorschau Ihres Thumbnails.

AIOSEO Social-Tab

Nun möchten Sie nach unten zum Feld „Bildquelle“ scrollen. Wählen Sie dann ein Open-Graph-Bild für Ihren Beitrag aus.

Sie können zum Beispiel 'Angehängtes Bild', 'Erstes Bild im Inhalt' oder 'Benutzerdefiniertes Bild' als Open-Graph-Thumbnail auswählen.

Bildquelle für Open Graph

Weitere Details und alternative Möglichkeiten zum Hinzufügen von Open-Graph-Metadaten finden Sie in unserem Leitfaden zum Thema Hinzufügen von Facebook Open-Graph-Metadaten in WordPress.

Bonus-Ressourcen: Weitere Social-Media-Anleitungen für WordPress-Websites

Wir hoffen, dieser Artikel hat Ihnen geholfen zu lernen, wie Sie einen Facebook-Like-Button in WordPress hinzufügen. Als Nächstes möchten Sie vielleicht auch unsere Anleitungen zu folgenden Themen sehen:

Wenn Ihnen dieser Artikel gefallen hat, abonnieren Sie bitte unseren YouTube-Kanal für WordPress-Video-Tutorials. Sie finden uns auch auf Twitter und Facebook.

Beliebt auf WPBeginner Gerade jetzt!

Offenlegung: Unsere Inhalte werden von unseren Lesern unterstützt. Das bedeutet, wenn Sie auf einige unserer Links klicken, können wir eine Provision verdienen. Sehen Sie wie WPBeginner finanziert wird, warum das wichtig ist und wie Sie uns unterstützen können. Hier ist unser Redaktionsprozess.

Das ultimative WordPress-Toolkit

Erhalten Sie KOSTENLOSEN Zugang zu unserem Toolkit – eine Sammlung von WordPress-bezogenen Produkten und Ressourcen, die jeder Profi haben sollte!

Jetzt herunterladen

Leserinteraktionen

177 CommentsLeave a Reply

  1. @artist74 Es gibt keinen GENAUEN Punkt, da er variiert. Der genaue Punkt wird dadurch bestimmt, wo der Code angezeigt werden soll (z. B. vor dem Beitrag / nach dem Beitrag / innerhalb des Beitrags usw.). Sobald Sie das entschieden haben, können Sie auch weitere Stile über CSS vornehmen!

    Reply

  4. Haben Sie Ratschläge zur XFBML-Version? Ich habe den Code direkt von der Facebook-Entwicklerseite kopiert. Muss ich etwas tun?

    Reply

  7. Ich habe eine wordpress.com-Seite. Ich habe keine Ahnung, wo ich mit dem Hinzufügen des Facebook-Like-Buttons anfangen soll. Ich habe versucht, die Option single.pnp zu finden. Ich brauche nur einen Ansatzpunkt, wo ich sie finden kann, da ich unter Design und dann zu Theme gegangen bin und dann was? Können Sie mir bitte Ratschläge geben?

    Reply

  9. Ich bin hin- und hergerissen, ob ich den Facebook-Like-Button am Anfang meiner Beiträge oder am Ende hinzufügen soll, also habe ich ihn an beiden Stellen hinzugefügt. Weiß jemand, ob dies Probleme verursachen kann, zwei Like-Buttons in einem Beitrag zu haben?

    Reply

  10. Hallo, ich habe den Code in die single.php-Datei und innerhalb der Schleife eingefügt, wie Sie es angewiesen haben. Wenn ich den Beitrag "like", funktioniert alles korrekt, außer dem Titel des Beitrags auf der Facebook-Wall.

    Zum Beispiel auf MyWebiste.com mag ich den Beitrag mit dem Titel MyPost.

    Auf der FB-Wall wird angezeigt, dass jemand "MyWebiste auf MyWebiste.com" mag, nicht "MyPost auf MyWebiste.com".

    Allerdings verlinkt der Link von „MyWebsite“ korrekt auf den jeweiligen Artikel „MyPost“.

    Für mich bedeutet das, dass der Code einwandfrei funktioniert und den richtigen Artikel abruft, aber nicht den Titel des Artikels, und ich versuche herauszufinden, ob ich noch etwas tun muss, um die Titel der Beiträge auf der FB-Wall anzuzeigen und nicht nur ihre richtigen Links.

    Jeder Vorschlag wäre willkommen.
    Danke.

    Reply

    • Das ist seltsam, denn es sollte Ihren Seitentitel übernehmen. Aber um dieses Problem zu überschreiben und zu beheben, schauen Sie sich den Ressourcenlink an, den wir in diesem Artikel haben. Sie müssen den og:title Meta-Tag hinzufügen.

      Reply

      Admin

  11. Hallo..
    Ich bin ein Website-Betreiber und möchte wissen, wer auf den „Gefällt mir“-Button bei jedem Beitrag geklickt hat. Nicht nur die Anzahl der Personen. Ist das möglich?

    Reply

  12. Danke für die Anleitung! Ich habe den 'Gefällt mir'-Button erfolgreich zu meinen einzelnen Seiten hinzugefügt, habe aber immer noch Probleme, ihn zu meiner Hauptseite hinzuzufügen, die alle Beiträge aggregiert. Wissen Sie, zu welcher Seite ich ihn hinzufügen soll und wo?

    Vielen Dank nochmals,
    Aaron

    Reply

  13. Hy!

    Mein Problem ist, dass wenn ich einen Beitrag auf meiner Website (die kukkold.hu heißt) "liken" möchte, Facebook auf meiner Profilseite anzeigt, dass ich den Link kukkold.hu auf der Website kukkold.hu mag. Ich erlebe das bei jedem Beitrag, sodass ich immer die Hauptseite meiner Website anstelle des Links und Namens des Beitrags mag. Was kann das Problem sein? Ich habe verschiedene Like-Plugins ausprobiert und den Code direkt in die Schleife eingefügt, aber das Problem ist immer dasselbe und es ist wirklich ärgerlich. Zum Testen habe ich einen spezifischen Permalink in das Feld der ID)); ?> block geschrieben, aber das Problem war wieder dasselbe.
    Der Like-Zähler funktioniert gut, sodass er weiß, welcher Beitrag wie oft geliked wurde.
    Was soll ich tun? Bitte helfen Sie mir!

    Danke!

    Reply

    • Sie müssen die in diesem Beitrag erwähnten Codes INNERHALB DER SCHLEIFE einfügen. Wenn Sie sie außerhalb der Beitragschleife einfügen, funktioniert es nicht.

      Reply

      Admin

  14. Ich benutze WordPress.com und versuche, die Facebook-Like-Box zu meinem Blog hinzuzufügen, aber es funktioniert nicht. Ich habe in einigen Foren gelesen, dass WordPress.com keinen iframe-Code lesen kann. Stimmt das? Gibt es eine Lösung?

    Reply

    • Ja, das stimmt. Sie sind mit einer WordPress.com-Website sehr eingeschränkt. Die Lösung ist ein Umzug zu einem selbst gehosteten Setup. Nutzen Sie unseren kostenlosen Einrichtungsservice.

      Reply

      Admin

  15. Ich habe den Code in der Schleife hinzugefügt, wie Sie sagten... aber nichts passiert!! Ich habe es immer wieder versucht, an verschiedenen Stellen der Schleife... es funktioniert einfach nicht!! Irgendwelche Vorschläge? Danke

    Reply

  16. Das ist großartig, aber ich stoße auf einen Fehler. Der Code funktioniert einwandfrei, aber wenn ich ihn mag, mag er stattdessen die übergeordnete Homepage anstatt des spezifischen Beitrags. Dasselbe wird im Facebook-Feed angezeigt, nur die Homepage. Sind Sie auf dieses Problem gestoßen und was kann ich tun, um es zu beheben?

    Danke!

    Reply

  17. Vielen Dank dafür.

    Ich habe mich gefragt – verwenden Sie diesen iframe (in single.php) mit Meta-Tags in header.php?

    Ich frage mich, ob die URL in den Facebook-Meta-Tags mit meiner Fähigkeit, den hier von Ihnen bearbeiteten Like-Button zu verwenden, kollidiert?

    Vielen Dank,

    Wil

    Reply

  18. Danke für diese großartige Ressource! Ich hatte mit einigen Plugins herumgespielt, aber sie funktionierten einfach nicht gut für mich, dann fand ich Ihr Tutorial und bearbeitete einfach den Code und VOILA! Erfolg!

    Danke!

    Reply

  21. Hallo!

    Danke für diesen Code, aber etwas funktioniert nicht richtig…
    Wenn ich zum Beispiel auf einen Beitrag gehe, sehe ich „Like-Button und Sei der Erste…Nachricht“. Ok. Gut! Bisher mag es niemand, egal, ich werde der Erste sein…also klicke, Like! Und dann! Wow! Ich sehe, dass 178 Leute das tatsächlich mögen, aber ich konnte das nicht sehen, bis ich es zuerst mochte. Verstehst du? Mein Englisch ist nicht so gut, aber ich hoffe, du kannst verstehen, worüber ich spreche…

    If you find a time to go on my page, and then on any single post, you will see Like button and message Be the first… but if you like it, than you’ll find out, that you weren’t the first! :)

    Reply

    • Es ist ein sehr seltsames Problem. Normalerweise werden Bilder nur angezeigt, wenn Ihre Freunde sie mögen, aber die Anzahl wird definitiv angezeigt.

      Reply

      Admin

  22. Hallo,

    Ich habe den Like-Button, aber wenn ich klicke, passiert überhaupt nichts??

    Können Sie mir hierbei bitte weiterhelfen...
    Ich habe sogar das Facebook 'Like'-Plugin installiert und hatte genau dasselbe Problem.

    Danke

    Reply

    • Wir verwenden diesen Code auf unserer Website und wissen nicht, was den Fehler verursachen könnte. Können Sie bitte angeben, um welchen Fehler es sich handelt.

      Reply

      Admin

      • Ok! Vergiss es! Da IE jedes Mal springt, wenn ich etwas einfüge, muss ich den Teil „the-content“ irgendwie verdoppelt haben.

        Habe die alte single.php ersetzt, Ihren Code erneut eingefügt (sowohl vor als auch nach "the-content" und es funktioniert in beiden Fällen gut!

        Eine Million Dank für den Code!

        Reply

  26. Vielen Dank, ich fange gerade an, WordPress zu lernen... und hier habe ich Ihre Seite als sehr hilfreich für Anfänger gefunden... machen Sie weiter so...

    Reply

  27. Mann, was für eine Schleife? Was ist eine Schleife? Ich verstehe nicht, was das bedeutet. Ich habe versucht, den Code auf der einzelnen PHP-Seite einzufügen, aber es kam nichts heraus.

    Reply

  29. Gibt es eine Möglichkeit, in der Seitenleiste anzuzeigen, welche Beiträge die meisten Likes auf Facebook haben. Ich denke, es wäre schön zu sehen, welche am häufigsten geteilt werden.

    Reply

  30. Ich habe es in meine style.php eingefügt, daher bin ich mir nicht sicher, ob das das ist, was Sie mit „in meine Schleife einfügen“ meinen?

    Reply

  31. Ich habe den Button zu meinem Code hinzugefügt und er erscheint in meinen Blogbeiträgen. Wenn ich ihn jedoch anklicke, wird mein Facebook-Profil nicht reflektiert, dass ich ihn mag? Mache ich etwas falsch? Ich sollte sehen, dass ich ihn in meinem Feed mag, habe ich Recht?

    Reply

    • Wir verwenden ein Plugin namens Smart Sharing. Suchen Sie auf unserer Website danach, und Sie sollten es finden können. Es ist exklusiv für WPBeginner-Benutzer.

      Reply

      Admin

  34. Ich habe den Code in single.php eingefügt, aber der Button erscheint nicht auf all meinen Beiträgen.
    Wenn ich den Code in jeden Beitrag einfüge (über den HTML-Tab), erscheint der Button, aber es treten Probleme auf.
    Warum passiert das? Hängt es vom Theme ab?

    Reply

    • Es wird auf allen einzelnen Beitragsseiten angezeigt. Wenn Sie damit meinen, dass Sie es auf allen Seiten Ihrer Kategorieseiten oder Ihrer Indexseiten anzeigen möchten, müssten Sie den Code in Ihre index.php innerhalb der Beitragschleife einfügen.

      Reply

      Admin

      • Nein, ich meine, es wird nicht in meinen Beiträgen angezeigt, sondern auf Seiten. Oder vielleicht habe ich es im falschen Teil von single.php platziert. Ist es möglich, den Code an irgendeiner Stelle von single.php einzufügen?
        Danke.

        Reply

  35. Das ist wahrscheinlich eine dumme Frage, aber beziehen sich die von Ihnen gegebenen Anweisungen auf die kleine „Daumen hoch“-Grafik und den Text (zeigt 184 Leute mochten das. Seien Sie der Erste Ihrer Freunde) am Anfang dieses Beitrags? Oder beziehen sie sich auf die größere quadratische Grafik, die links von Ihrem Beitrag erscheint (diejenige, die unter Ihrem Tweetmeme-Button erscheint und 45 Shares anzeigt).

    Ich möchte einfach nur diese größere quadratische Grafik auf meinem Blog haben und sie neben meinem Tweetmeme-Button anzeigen lassen. Ich frage mich, wie ich das am besten mache? Gibt es ein Tutorial, auf das Sie mich verweisen können?

    Vielen Dank für jede Hilfe!

    Reply

    • Dieses Tutorial handelt vom Like-Button. Benutzen Sie einfach die Suchfunktion auf dieser Seite und suchen Sie nach Facebook Share Button, dann finden Sie das Tutorial dazu.

      Reply

      Admin

  37. Funktioniert super! Ich habe die Höhe reduziert, um etwas weißen Platz zu entfernen, den er verursacht hat, aber das war die einzige Anpassung.

    Reply

  38. Ich habe den Code hinzugefügt, aber wenn Sie den einzelnen Beitrag aufrufen, wird eine Seite angezeigt, auf der nur der Facebook „Gefällt mir“-Button angezeigt wird und der Betrachter nicht zum eigentlichen Beitrag gelangt. Wenn ein Betrachter also zum Beitrag geht, verliert er ihn. Irgendwelche Vorschläge?

    Reply

    • Ich habe keine Ahnung, wovon Sie sprechen. Bitte benutzen Sie unser Kontaktformular und zeigen Sie uns, wovon Sie sprechen, indem Sie auf Ihre Website verlinken.

      Reply

      Admin

  39. Hallo zusammen,

    Ich sehe, dass mehr Blogs nur den Button und die Anzahl der Personen, denen es gefällt, ohne den Satz „Seien Sie der Erste…“ verwenden.

    Wie ist das möglich?

    danke

    Reply

  43. Mir ist aufgefallen, dass viele Websites den Button oben auf der Seite hinzugefügt haben. Aber ist es nicht besser, den Button am Ende der Seite zu platzieren, damit die Leser klicken können, ohne nach oben scrollen zu müssen, nachdem sie den Artikel gelesen haben?

    Reply

    • Ja, fügen Sie ihn einfach nach dem the_content PHP-Teil Ihres Beitrags hinzu ... Am Ende der Schleife. Er kann überall in der Schleife hinzugefügt werden ... muss nicht oben sein.

      Reply

      Admin

  45. Leider habe ich keine single.php-Datei in meinem Atahualpa-Theme. Ich bin mir nicht sicher, wo ich den Code sonst einfügen könnte. Irgendwelche Ideen?

    Reply

    • Ich weiß nicht viel über das Atahualpa-Theme. Bitte fragen Sie in deren Support-Forum nach, oder kontaktieren Sie uns per E-Mail, und wir können uns Ihre Seite genauer ansehen.

      Reply

      Admin

      • Re: Atahaulpa – Ich hatte das gleiche Problem wie Heather. Lösung: Gehen Sie im Dashboard zu Appearance – Atahaulpa Theme Options – Style und bearbeiten Sie die mittlere Spalte. Fügen Sie es in den Abschnitt „The LOOP“ ein. Funktioniert wie ein Zauber!

        Reply

  46. Mir ist aufgefallen, dass dieser Facebook-Like-Button in letzter Zeit auf immer mehr Websites erscheint, und ich finde, das ist eine großartige Idee. Zeit zu sehen, ob ich das jetzt implementieren kann... OHNE meinen Blog komplett zu zerstören (Sie wären überrascht, wie nah ich mehrmals dran war, als ich anfing, mit dem Code herumzuspielen – Programmierer-FAIL).

    Reply

  48. Ich liebe den Artikel, aber ich bin auf einige Probleme gestoßen. Ich weiß nicht, wo ich die Datei single.php finden kann? lol. Könnten Sie mir helfen? Ich benutze wordpress.com und ich bin mir nicht sicher, ob das einen Unterschied macht.

    Danke!

    Reply

Kommentar hinterlassen

Vielen Dank, dass Sie einen Kommentar hinterlassen. Bitte beachten Sie, dass alle Kommentare gemäß unserer Kommentarrichtlinie moderiert werden und Ihre E-Mail-Adresse NICHT veröffentlicht wird. Bitte verwenden Sie KEINE Schlüsselwörter im Namensfeld. Führen wir ein persönliches und bedeutungsvolles Gespräch.

Copyright © 2009 - 2025 WPBeginner LLC. Alle Rechte vorbehalten. WPBeginner® ist eine eingetragene Marke.

Verwaltet von Awesome Motive | WordPress-Hosting von SiteGround

Die Marke WordPress® ist das geistige Eigentum der WordPress Foundation. Die Verwendung von WordPress®-Namen auf dieser Website dient ausschließlich Identifikationszwecken und impliziert keine Billigung durch die WordPress Foundation. WPBeginner wird nicht von der WordPress Foundation unterstützt, besessen oder ist mit ihr verbunden.

Ich brauche Hilfe bei…

Beliebte Suchen:

Einen Blog starten WordPress SEO WordPress-Performance WordPress-Fehler WordPress-Sicherheit Aufbau eines Online-Shops