WPLounge
Home » WordPress Plugins » Pinterest-knop op afbeeldingen op je WordPress-website

Pinterest-knop op afbeeldingen op je WordPress-website

Wanneer je veel afbeeldingen op je WordPress-website hebt, kan het handig zijn om het mogelijk te maken voor je bezoekers om deze snel te delen op Pinterest. Om dit mogelijk te maken kun je bijvoorbeeld een “Pin it“-knop van Pinterest plaatsen die zichtbaar wordt als iemand met zijn muis over een afbeelding beweegt.

Affiliate disclaimer:
In onze artikelen en op onze pagina's staan affiliate links. Wanneer je via één van deze links een aankoop doet, ontvangen wij een (meestal kleine) commissie van de verkoper. Wij geven altijd onze eerlijke mening over producten. Klik hier voor meer informatie.

Pin it button
Pin it button

Om dit op je website te krijgen, installeer en activeer je de plugin Pinterest Pin It Button for Images. Zodra je de plugin hebt geïnstalleerd en geactiveerd (hoe moet dat?), ga je in WordPress naar Instellingen > Pinterest Pin It.

Pin it-instellingen in WordPress
Pin it-instellingen in WordPress

Instellingen

In de instellingen van de Pin it-plugin, kun je instellen op welke pagina’s je wilt dat de Pin it-knop op afbeeldingen wordt geplaatst. Je kunt kiezen voor de volgende soorten pagina’s:

TIP VAN WPLOUNGE
Divi theme & Divi Builder
Bij Elegant Themes ontvang je meer dan
85 premium WordPress themes (waaronder Divi!) voor maar 89 dollar!

Bekijk de themes »»
Lees meer over Divi.
  • Index (homepage)
  • Berichten
  • Categorie-pagina’s
  • Pagina’s

Ook is het mogelijk om bepaalde afbeeldingen uit te sluiten, zodat de Pin it-knop hier niet op verschijnt, door ze een “class” mee te geven. Daarnaast is het ook mogelijk om het andersom te doen; in dat geval laat je de knop alléén zien bij afbeeldingen met een bepaalde “class”.

Een “class” toevoegen aan een afbeelding doe je door in de editor op de “Tekst”-tab te klikken (in plaats van “Wysiwyg”). De afbeelding zal nu in HTML-code zichtbaar zijn, als volgt:

<img src="http://www.jouwdomein.nl/wp-content/uploads/2014/03/afbeelding.jpg" alt="Titel afbeelding" />

Om de afbeelding een class mee te geven (bijvoorbeeld “nopin”), voeg je een stukje code toe aan de HTML-code:

<img src="http://www.jouwdomein.nl/wp-content/uploads/2014/03/afbeelding.jpg" alt="Titel afbeelding" class="nopin" />

Dit zorgt ervoor dat de Pin it-knop voor deze afbeelding niet zichtbaar wordt.

Beoordeel dit artikel

Roger.Overdevest

Roger is een SEO specialist met veel passie voor WordPress

Reageer