Für meine ersten Experimente mit Pinterest wünschte ich mir einen Merken-Button auf meinen Artikeln im WordPress Blog (in diesem Fall auf https://oelverliebt.biz/blog). Für jede noch so kleine Funktionalität ein Plugin zu installieren ist nicht der optimale Weg.
Mit WP Astra ist es kein Problem, an allen wichtigen Stellen der Webseite Code einzufügen. Mit der Funktion „Custom Layouts“ lassen sich alle drei Codestellen wunderbar abdecken.
- Pinterest Tag Base Code im Header
- Footer Tag mit dem pinit.js Script (wird gebraucht, damit der Pin It Button und weitere funktionieren).
- Der „Merken“ Button. Siehe Developer Info
Jetzt fehlt nur noch der Code für den Blog-Artikel. Im Netz konnte ich ein paar Beispiele finden, die waren aber z.T. grob fehlerhaft. Hier meine Version, die schon gut funktioniert:
<a href="//www.pinterest.com/pin/create/button/
?url=<?php urlencode(the_permalink()); ?>
&media=<?php if(function_exists('the_post_thumbnail'))
echo wp_get_attachment_url(get_post_thumbnail_id()); ?>
&description=<?php echo urlencode(get_the_title() . " " . urlencode(get_the_excerpt(), "<br>")); ?>"
data-pin-do="buttonPin" data-pin-tall="true">
<img src='//oelverliebt.biz/wp-content/uploads/sites/pinit_fg_en_round_red_32.png'
alt='Pin it' /></a>
Um einen Request auf eine fremde Domain zu sparen, habe ich das Bild des Buttons auf den eigenen Server gelegt.
