Wie man Pinterest „Pin It“ Button in WordPress hinzufügt (4 Wege)

Möchten Sie einen Pinterest „Pin It“ Button in WordPress hinzufügen?

Pinterest ist ein beliebtes soziales Netzwerk, das es Ihnen ermöglicht, visuelle Inhalte zu teilen und mehr Besucher auf Ihre Website zu bringen. Durch das Hinzufügen einer „Pin It“-Schaltfläche auf Ihrer Website können Sie mehr Menschen dazu anregen, Ihre Inhalte auf Pinterest zu teilen.

In diesem Artikel zeigen wir Ihnen, wie Sie die Pinterest-Schaltfläche „Pin It“ zu WordPress hinzufügen.

Warum Pinterest „Pin It“ Button in WordPress hinzufügen?

Pinterest ist eine beliebte Social-Media-Website, auf der Nutzer Website-Links und andere visuelle Inhalte sammeln können, indem sie Boards erstellen.

Wenn Nutzer Ihre Inhalte zu ihrem Pinterest-Board hinzufügen, hilft das anderen Menschen, Ihre Website zu entdecken. Pinterest ist eine besonders wichtige Traffic-Quelle, wenn Sie eine Fotografie-Website, einen Mode-Blog oder eine andere Art von Blog betreiben, der viele Bilder und Videos enthält.

Durch Hinzufügen einer „Pin It“-Schaltfläche auf Ihrer Website können Sie Besucher dazu ermutigen, Ihre Inhalte auf Pinterest zu teilen.

Sehen wir uns also an, wie Sie eine Pinterest-Schaltfläche „Pin It“ in WordPress hinzufügen können. Verwenden Sie einfach die unten stehenden Links, um direkt zu der gewünschten Methode zu gelangen:

Methode 1: Gemeinsame Zählungen verwenden (schnell und einfach)

Der einfachste Weg, einen Pinterest-Button zu deiner WordPress-Seite hinzuzufügen, ist die Verwendung von Shared Counts.

Es ist eines der besten Social-Media-Plugins für WordPress, mit dem Sie ganz einfach eine Pinterest-Schaltfläche zu Ihrer Website hinzufügen können, zusammen mit Schaltflächen für alle anderen wichtigen sozialen Netzwerke.

Um loszulegen, müssen Sie das Shared Counts-Plugin installieren und aktivieren. Eine detaillierte Anleitung finden Sie in unserer Schritt-für-Schritt-Anleitung zur Installation eines WordPress-Plugins.

Nach der Installation müssen Sie auf Einstellungen “ Gemeinsame Zählungen gehen, um das Plugin zu konfigurieren.

Blättern Sie hier zum Abschnitt Anzeige und klicken Sie auf das Textfeld „Anzuzeigende Freigabe-Schaltflächen“.

Daraufhin wird ein Dropdown-Menü geöffnet, in dem Sie die sozialen Mediendienste auswählen können, die Sie hinzufügen möchten. Mit Shared Counts können Sie zum Beispiel eine Facebook-Like-Schaltfläche, eine Twitter-Share- und Retweet-Schaltfläche und vieles mehr hinzufügen.

Um eine „Pin It“-Schaltfläche zu erstellen, wählen Sie „Pinterest“ aus dem Dropdown-Menü.

Danach können Sie das Dropdown-Menü „Share Button Style“ öffnen und einen Stil für die Pinterest-Schaltfläche auswählen.

Sie können auch den Ort und den Beitragstyp auswählen, an dem Sie den Pinterest-Button anzeigen möchten.

Wenn Sie mit der Einrichtung der Schaltfläche zufrieden sind, klicken Sie einfach auf die Schaltfläche „Änderungen speichern“.

Sie können nun jeden beliebigen Beitrag in Ihrem WordPress-Blog besuchen, um den Pinterest-Button in Aktion zu sehen.

Methode 2: Verwendung eines benutzerdefinierten Shortcodes (empfohlen)

Manchmal möchten Sie vielleicht genau steuern, wo die „Pin It“-Schaltfläche auf Ihrer Website angezeigt wird. Zum Beispiel können Sie die Pinterest-Schaltfläche auf bestimmten Landing Pages oder innerhalb des Beitragsinhalts anzeigen lassen.

Eine Möglichkeit besteht darin, die Schaltfläche mithilfe von Code zu erstellen und sie dann auf jeder Seite oder jedem Beitrag mithilfe eines benutzerdefinierten Shortcodes zu platzieren. Auf diese Weise können Sie die „Anheften“-Schaltfläche an verschiedenen Stellen anzeigen, aber Sie müssen sie manuell zu jeder Seite oder jedem Beitrag hinzufügen.

Der einfachste Weg, benutzerdefinierten Code zu WordPress hinzuzufügen, ist die Verwendung von WPCode. Es ist das beste Plugin für Codeschnipsel und ermöglicht es Ihnen, Ihrer Website benutzerdefinierten PHP, CSS, JavaScript und mehr hinzuzufügen. Sie können auch benutzerdefinierte Shortcodes erstellen, so dass es perfekt ist, um eine „Pin It“-Schaltfläche zu Ihrer Website hinzuzufügen.

Zunächst müssen Sie das kostenlose WPCode-Plugin installieren und aktivieren. Weitere Informationen finden Sie in unserer Schritt-für-Schritt-Anleitung zur Installation eines WordPress-Plugins.

Sobald das Plugin aktiviert ist, gehen Sie zu Code Snippets “ Snippet hinzufügen.

Hier sehen Sie alle vorgefertigten Snippets, die WPCode zu Ihrer Website hinzufügen kann. Dazu gehört ein Snippet, mit dem Sie Kommentare vollständig deaktivieren, Dateitypen hochladen können, die WordPress normalerweise nicht unterstützt, Seiten mit Anhängen deaktivieren und vieles mehr.

Fahren Sie mit der Maus über die Option „Benutzerdefinierten Code hinzufügen (neues Snippet)“ und klicken Sie auf die Schaltfläche „Snippet verwenden“, wenn diese erscheint.

Geben Sie auf dem nächsten Bildschirm einen Titel für das Code-Snippet ein. Dieser dient nur als Referenz, Sie können also alles verwenden, was Sie wollen.

Sie werden PHP zu WordPress hinzufügen, also öffnen Sie einfach das Dropdown-Menü „Code-Typ“ und wählen Sie „PHP-Code“.

Fügen Sie dann einfach den folgenden Text in den Code-Editor ein:

function get_pin($atts) {
$pinterestimage = wp_get_attachment_image_src( get_post_thumbnail_id( $post->ID ), 'full' );
return '<a href="http://pinterest.com/pin/create/button/?url=' . urlencode(get_permalink($post->ID)) . '&media=' . $pinterestimage[0] . '&description=' . get_the_title() .'" class="pin-it-button" count-layout="vertical">Pin It</a>'; }
  
add_shortcode('pin', 'get_pin');

Blättern Sie dann auf der Seite nach unten zum Abschnitt „Einfügen“. Hier können Sie die Standardmethode „Automatisches Einfügen“ beibehalten, um sicherzustellen, dass der Code überall ausgeführt wird.

Wenn es nicht bereits ausgewählt ist, wählen Sie „Überall ausführen“.

Scrollen Sie schließlich an den oberen Rand des Bildschirms und klicken Sie auf den Schieberegler „Inaktiv“, so dass er „Aktiv“ anzeigt.

Klicken Sie dann einfach auf die Schaltfläche „Snippet speichern“ oder „Aktualisieren“, um das Code-Snippet zu aktivieren.

Jetzt können Sie mit dem [pin] Shortcode eine „Pin It“-Schaltfläche zu jeder WordPress-Seite, jedem Beitrag oder einem Widget-bereiten Bereich hinzufügen.

Eine Schritt-für-Schritt-Anleitung für die Platzierung des Shortcodes finden Sie in unserer Anleitung zum Hinzufügen eines Shortcodes in WordPress.

Hinzufügen der Pinterest „Pin It“-Schaltfläche mit dem Full-Site-Editor

Wenn Sie eines der neueren , blockfähigen Themes verwenden, können Sie mithilfe des benutzerdefinierten Shortcodes eine „Pin It“-Schaltfläche an beliebiger Stelle in Ihrem WordPress-Theme hinzufügen.

Auf diese Weise können Sie die Schaltfläche ganz einfach zu jeder Seite und jedem Beitrag hinzufügen. Sie können die „Pin It“-Schaltfläche auch zu Bereichen hinzufügen, die Sie nicht mit dem Standard-WordPress-Inhaltseditor bearbeiten können, wie z. B. die 404-Seitenvorlage Ihrer Website.

Um loszulegen, gehen Sie einfach im WordPress-Dashboard auf Themes „ Editor.

Standardmäßig wird im vollständigen Site-Editor die Home-Vorlage Ihres Themas angezeigt.

Um eine „Pin It“-Schaltfläche zu einer anderen Seite hinzuzufügen, wählen Sie einfach „Vorlage“ oder „Vorlagenteile“ aus dem linken Menü.

Sie können nun die Vorlage auswählen, die Sie bearbeiten möchten.

In diesem Beispiel zeigen wir Ihnen, wie Sie eine „Pin It“-Schaltfläche in die Vorlage „Einzelne Seite“ Ihrer Website einfügen. Die Schritte sind jedoch ähnlich, egal welche Vorlage Sie wählen.

WordPress zeigt nun eine Vorschau der Vorlage oder des Vorlagenteils an.

Um diese Vorlage zu bearbeiten, klicken Sie auf das kleine Bleistiftsymbol.

Klicken Sie anschließend auf das blaue „+“-Symbol in der oberen linken Ecke.

Geben Sie in der erscheinenden Suchleiste „Shortcode“ ein.

Wenn der richtige Block erscheint, ziehen Sie ihn auf das Vorlagenlayout und legen ihn dort ab.

Sie können nun den Pin-Shortcode in den Block eingeben.

Danach klicken Sie einfach auf „Speichern“, um den neuen Shortcode zu aktivieren.

Wenn Sie nun Ihre WordPress-Website besuchen, sehen Sie die Schaltfläche „Pin it“ in Aktion.

Methode 3: Code und FTP verwenden (kein WordPress-Plugin erforderlich)

Wenn Sie kein Plugin verwenden möchten, können Sie Ihrer Website eine Pinterest-Schaltfläche hinzufügen, indem Sie Code zu Ihren Themadateien hinzufügen.

Das direkte Bearbeiten der Themedateien kann viele häufige WordPress-Fehler verursachen, und Sie verlieren den gesamten benutzerdefinierten Code, wenn Sie das WordPress-Theme aktualisieren. Aus diesem Grund empfehlen wir immer, stattdessen WPCode zu verwenden.

Wenn Sie jedoch diese Methode verwenden, müssen Sie zunächst eine vollständige WordPress-Sicherung Ihrer Website erstellen. So können Sie Ihre Website wiederherstellen, falls versehentlich etwas kaputt geht.

Verbinden Sie sich anschließend mit einem FTP-Client mit Ihrem WordPress-Hosting und gehen Sie zum Ordner /wp-content/themes/.

Von hier aus müssen Sie Ihren aktuellen Theme-Ordner öffnen und dann die Datei footer.php suchen.

Klicken Sie dann mit der rechten Maustaste auf diese Datei und wählen Sie im Menü „Herunterladen“. Dadurch wird die Datei „footer.php“ auf Ihren Computer heruntergeladen.

Nun müssen Sie die Datei footer.php mit einem einfachen Texteditor wie Notepad öffnen und das folgende Skript direkt vor dem </body>-Tag einfügen.

<script type="text/javascript">
(function() {
    window.PinIt = window.PinIt || { loaded:false };
    if (window.PinIt.loaded) return;
    window.PinIt.loaded = true;
    function async_load(){
        var s = document.createElement("script");
        s.type = "text/javascript";
        s.async = true;
        s.src = "https://assets.pinterest.com/js/pinit.js";
        var x = document.getElementsByTagName("script")[0];
        x.parentNode.insertBefore(s, x);
    }
    if (window.attachEvent)
        window.attachEvent("onload", async_load);
    else
        window.addEventListener("load", async_load, false);
})();
</script>

Wenn Sie das getan haben, müssen Sie die Datei speichern und dann wieder in den aktuellen Themenordner hochladen.

Als Nächstes suchen Sie die Vorlagendatei in Ihrem Theme, in die Sie die Schaltfläche einfügen möchten. Normalerweise ist das die Datei single.php, aber das kann je nach WordPress-Theme variieren. Wenn Sie sich nicht sicher sind, können Sie unseren Leitfaden für Anfänger zur WordPress-Vorlagenhierarchie lesen.

Um die Vorlagendatei zu bearbeiten, laden Sie sie einfach aus Ihrem Themenordner herunter und öffnen Sie sie zur Bearbeitung.

Sie müssen die Stelle auswählen, an der Sie die Schaltfläche „Anheften“ anzeigen möchten. Auf vielen Websites werden die Schaltflächen für die Weitergabe in sozialen Netzwerken direkt unter dem Beitragstitel angezeigt, aber Sie können jede beliebige Stelle verwenden.

Nachdem Sie einen Ort ausgewählt haben, fügen Sie einfach den folgenden Code ein:

<?php $pinterestimage = wp_get_attachment_image_src( get_post_thumbnail_id( $post->ID ), 'full' ); ?>
<a href="http://pinterest.com/pin/create/button/?url=<?php echo urlencode(get_permalink($post->ID)); ?>&media=<?php echo $pinterestimage[0]; ?>&description=<?php the_title(); ?>" class="pin-it-button" count-layout="vertical">Pin It</a>

Das obige Codeschnipsel fügt das hervorgehobene Bild, den Titel, die Beschreibung und die URL des Beitrags in den Freigabe-URL-Parameter ein.

Das obige Code-Snippet fügt allen Ihren Beiträgen eine vertikale Schaltfläche zum Teilen hinzu. Wenn Sie stattdessen eine horizontale Schaltfläche zum Teilen anzeigen möchten, ändern Sie einfach den Abschnitt count-layout="vertical"> in count-layout="horizontal">.

Wenn Sie fertig sind, speichern Sie die Datei und laden Sie sie per FTP direkt wieder in Ihr Thema hoch.

Methode 4: Pinterest Pin It Button über Ihre Bilder hinzufügen

Wenn Sie einen Mode-, Fotografie-, Food- oder eine andere Art von Blog betreiben, der viele Bilder verwendet, können Sie eine Pinterest-Schaltfläche über diesen Bildern hinzufügen. So können Besucher Ihre Inhalte teilen, indem sie einfach mit dem Mauszeiger über das Bild fahren, das sie pinnen möchten.

Der einfachste Weg, einen Pinterest-Button über Ihre Bilder hinzuzufügen, ist die Verwendung von Weblizar Pin It Button On Image Hover And Post.

Zunächst müssen Sie das Plugin installieren und aktivieren. Weitere Einzelheiten finden Sie in unserer Anleitung zur Installation eines WordPress-Plugins. Nach der Aktivierung wählen Sie PinIt Button aus dem linken Menü, um die Plugin-Einstellungen zu konfigurieren.

Hier können Sie wählen, ob Sie die Schaltfläche „Anheften“ zu Ihren Beiträgen oder Seiten hinzufügen möchten.

Als Nächstes suchen Sie den Abschnitt „Show Pin It Button On Image Hover“ und stellen sicher, dass er auf „Yes“ eingestellt ist.

Außerdem können Sie mit dem Plugin den Pin It-Button auf mobilen Geräten anzeigen und die Größe des Buttons ändern.

Wenn Sie mit der Konfiguration des Plugins zufrieden sind, vergessen Sie nicht, auf „Speichern“ zu klicken, um Ihre Änderungen zu speichern. Besuchen Sie nun einfach Ihre Website und bewegen Sie den Mauszeiger über ein beliebiges Bild, um die Pinterest-Schaltfläche in Aktion zu sehen.

Möchten Sie die „Pin It“-Schaltfläche von einem bestimmten Bild entfernen? Dazu müssen Sie die URL des Bildes in WordPress abrufen.

Gehen Sie danach einfach auf die Seite PinIt Button, aber wählen Sie diesmal die Registerkarte „Bilder ausschließen“. Sie können nun die Bild-URL in das Feld „Bild-SRC-URL eingeben“ einfügen, das standardmäßig angezeigt wird.

Klicken Sie anschließend auf die Schaltfläche „Hinzufügen“.

Sie können die Pinterest-Schaltfläche auch von einer bestimmten Seite entfernen, indem Sie die Registerkarte „Seiten ausschließen“ auswählen. Geben Sie hier einfach den Namen der Seite ein, die Sie ausschließen möchten, und klicken Sie dann auf die Schaltfläche „Hinzufügen“.

Alternative: Wenn Sie nach einem leistungsfähigeren Plugin suchen, um Pinterest Pin It Buttons zu Ihren Bildern hinzuzufügen, dann empfehlen wir Tasty Pins.

Mit Tasty Pins können Sie ganz einfach „Pin It“-Schaltflächen über alle Ihre Bilder legen. Sie können sogar vollständig anpassbare „Pin It“-Banner zum ersten Bild in Ihren Blogbeiträgen hinzufügen.

Außerdem können Sie mit Tasty Pins eine Pinterest-Follow-Box hinzufügen, Pinterest-Beschreibungen festlegen, das Pinnen bestimmter Bilder deaktivieren, Pinterest-spezifische Bilder von Ihrer Seite ausblenden und vieles mehr.

Wir hoffen, dass dieser Artikel Ihnen geholfen hat zu verstehen, wie Sie einen Pinterest „Pin It“ Button zu Ihrem WordPress Blog hinzufügen können. Vielleicht interessieren Sie sich auch für unseren Leitfaden zur Erstellung eines E-Mail-Newsletters oder unseren Vergleich der besten Webdesign-Software.

Wenn Ihnen dieser Artikel gefallen hat, dann abonnieren Sie bitte unseren YouTube-Kanal für WordPress-Videotutorials. Sie können uns auch auf Twitter und Facebook finden.