Eigen website? Installeer je customized pin-button

Vraag je je af hoe wij die mooie Pin It button heb gemaakt of heb je zelf een website of blog en wil jij ook zo’n coole button? In dit artikel leggen we je heel simpel uit hoe wij deze Pin it knop hebben geïnstalleerd.

Als je met de muis over de afbeeldingen gaat zie je een mintgroene Pin It knop verschijnen, deze hebben we zelf gemaakt omdat we de standaard Pin knop niet mooi vinden. We wilden de knop bij de site laten aansluiten, dus gebruiken we een custommade knop. Heel handig, want zo kun je direct de foto op Pinterest bewaren als je hem leuk vindt. Handig voor als je die leuke Sinterklaas DIY morgen wilt maken of die heerlijke koffietaart.

schermafbeelding-2016-10-19-om-00-11-23

Hoe maak je je eigen Pin It knop?

1. Installeer photoshop (of maak er eentje via picmonkey.com) en maak een mooi plaatje met de woorden Pin it erin.

2. Klik daarna in je WordPress dashboard op Plugins en vervolgens op Nieuwe plugin.

3. Zoek de plugin ‘jQuery Pin It Button For Images’, installeer en activeer deze.

pin-it-button-1

4.
Ga nu in je dashboard naar ‘Instellingen‘ en klik dan op ‘jQuery Pin It Button For Images’.

5. Upload bij het tabblad ’visual’ je custom knop. En vul de maten in. Die van ons is lekker groot en 100 x 100 pixels.

pin-it-button2

6. Vul bij ’Pin it button position’ nog in waar de knop in je afbeelding moet komen. Klaar.

Makkelijk toch?

Meer technische snufjes en tips vind je hier of volg ons op Facebook voor meer nieuwtjes op tech gebied.