Make Blog - Themes

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

Kommentare

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind 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="">