WordPress: een (eigen) ‘Pin It’ button instellen + Freebies

Pinterest is dé grootste inspiratiebron voor mij én vele anderen. Ik kan hier dagelijks uren op rondkijken en de mooiste plaatjes ‘pinnen’ op mijn eigen Pinterest pagina. Het leukste is natuurlijk dat mensen ook enthousiast worden van jouw plaatjes en deze ‘pinnen’ op Pinterest.

Je kan hiervoor een plugin installeren en de standaard ‘Pin It’ button plaatsen, maar het is natuurlijk véél leuker om een eigen button toe te voegen. Onderaan deze pagina vind je een aantal leuke voorbeelden die je gratis kan downloaden.

Kom je ergens niet uit? Heb je een vraag of mis je nog een belangrijke vraag? Laat het gerust weten in een reactie of neem contact op!


 

Installeer de plugin: jQuery Pin It Button For Images

Ga naar je > WordPress dashboard en ga naar > Plugins en vervolgens naar > Nieuwe plugin. Rechts ga je zoeken op jQuery Pin It Button For Images.

Klik vervolgens op Nu installeren, even wachten en dan komt er een blauwe knop met Activeren daar moet je op klikken.

Aan de slag met WordPress: Een (eigen) Pin It button instellen

Kies op welke pagina’s de ‘Pin It’ button moet verschijnen

Ga naar > Instellingen > vervolgens klik je op jQuery Pin It Button For Images Lite.

Bij het kopje ‘On which pages the “Pin it” button should be shown’ kan je kiezen op welke pagina’s die zichtbaar moet zijn.

[front] – op de beginpagina
[home] – op de blogpagina (wanneer je een statische pagina maakt)
[single] – wanneer je naar een bericht toegaat
[page] – wanneer je naar een pagina toegaat
[archive] – op de archiefpagina
[search] – op de zoekresultaten pagina
[category] – op de categorie pagina

Kies je voor allemaal zoals op de afbeelding hieronder, zal de button op al deze plekken terugkomen.

Aan de slag met WordPress: Een (eigen) Pin It button instellen

Daarna kies je voor het tabblad Visual.

Daar kies je welke tekst er moet komen te staan als je de foto gaat ‘pinnen’. Je kan helaas maar 1 kiezen, er wordt gewerkt om meerdere te kunnen selecteren maar dat zal dan alleen beschikbaar zijn in de Pro versie.

Aan de slag met WordPress: Een (eigen) Pin It button instellen

Een eigen ‘Pin It’ button instellen

Om een eigen ‘Pin It’ button in te stellen heb je een PNG afbeelding nodig (transparante achtergrond). Onder de bovenstaande afbeelding heb je een aantal opties.

Transparency value
Hier kan je kiezen of je het witte waasje wilt die over de foto komt. Lager bijvoorbeeld 0.1 zal het rustigste zijn en bijvoorbeeld 1.0 zal de het hele vlak wit maken.

Custom “Pin It” button
Vink de functie ‘Use custom image’ aan. Selecteer daaronder de afbeelding. De hoogte en breedte wordt automatisch aangepast.

“Pin it” button position
Wil je de ‘Pin It’ button links in de hoek, in het midden, het kan allemaal.

“Pin it” button margins
Kies je voor bijvoorbeeld links in de hoek, dan kan je nog zeggen hoeveel afstand er moet zijn boven en links van de rand, de margin.

Aan de slag met WordPress: Een (eigen) Pin It button instellen

 


 

Freebies: ‘Pin It’ buttons

Ik maakte 4 leuke buttons die je gratis mag gebruiken. Hoe doe je dat? Klik dan op de button die je wilt hebben, sla de button op en volg de bovenstaande stappen. Enjoy!

Freebie: 'Pin It' button Freebie: 'Pin It' button Freebie: 'Pin It' button Freebie: 'Pin It' button

Share on facebook
Share on twitter
Share on linkedin
Share on pinterest
Share on email