Theme Hamburg: Pinterest-Icon einbinden

Theme: Hamburg

Ziel: ein Pinterest-Icon inkl. Link zu den Social Icons hinzufügen.

Theme-Dateien:

  • functions.php

Genutzte Filter:

  • hamburg_social_sharing_add_items

Voraussetzungen: aktives Child-Theme für Hamburg.

Getestet mit: Hamburg 1.1.4, WP 3.9.2

Vorgehensweise

Über den Filter hamburg_social_sharing_add_items innerhalb der Funktion hamburg_social_sharing ist es möglich, eigene Elemente zu den Social Icons in Hamburg hinzuzufügen.

Der Filter übergibt als Argumente u.a. den Permalink, sowie den Titel des Beitrags oder der Seite. Mit einer eigenen Funktion im Child-Theme kannst du z.B. noch das Beitragsbild abfragen und dir den Pin-Link für Pinterest zusammenstellen. Das Icon ist Teil der in Hamburg mitgelieferten Icon-Bibliothek FontAwesome.

Im folgenden Beispiel beschränken wir die Ausgabe der Funktion auf singuläre Ansichten (Einzelansicht eines Beitrags oder Anhangs, sowie einzelne Seiten). Daher gehen wir davon aus, dass wir Template-Tags wie get_the_id() und get_the_title() ohne vorherige Abfrage nutzen können.

Funktion

Ausgabe

Für einen Beitrag mit dem Titel „Mein Beitragstitel“ auf einer Site namens „Meine Site“ mit der Site-URL „http://example.com“ bekommen wir für ein Bild mit dem Pfad „wp-content/uploads/2013/03/image.jpg“ folgende Ausgabe:

Pin-Button mit URL in der Statuszeile
Pin-Button mit URL in der Statuszeile

Beitrag teilen

Author Avatar

Supporter & Frontend-Entwickler mit Leidenschaft.

Auch interessant:

Anleitung: SEPA Lastschrift und Bankeinzug mit WooCommerce einrichten

von Michael Firnkes

Umfragen zufolge wollen viele Shopkunden per Bankeinzug bezahlen. Wir zeigen dir Schritt für Schritt, wie du die beliebte Bezahlvariante mit WooCommerce u ...

Weiterlesen

Anleitung: Dateien an WooCommerce-E-Mails anhängen

von Michael Firnkes

Mit German Market kannst du den E-Mails von WooCommerce PDF-Anhänge und sonstige Dateien hinzufügen. Zum Beispiel AGBs, ein Rücknahmeformular oder belie ...

Weiterlesen

Anleitung: Bestellungen manuell annehmen mit WooCommerce

von Michael Firnkes

In manchen Fällen will man eingehende Bestellungen zunächst sichten und dann freigeben, bevor es zum Abschluss eines Kaufvertrages kommt. Wir zeigen dir, ...

Weiterlesen

Neu: Video-Tutorials für German Market

von Michael Firnkes

Du willst wissen, wie sich die einzelnen Module in unserer Rechtssicherheits-Suite German Market für WooCommerce bedienen lassen? Dann helfen wir dir jetz ...

Weiterlesen

Kommentare

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.

Du kannst folgende HTML Tags verwenden: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code class="" title="" data-url=""> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong> <pre class="" title="" data-url=""> <span class="" title="" data-url="">

Abonniere unseren Newsletter

Trage hier deine E-Mail Adresse ein, damit du unseren Newsletter abonnieren kannst.