Instagram feed op je website

Ik heb intussen al een aantal blogs geschreven over de Instagram feed, maar zo nu en dan veranderd er (helaas) weer wat waardoor het kan zijn dat jouw plugin niet meer werkt. Ik maak gebruik van twee plugins:

  • Smash Balloon Instagram Feed
  • Social Slider Widget

Beiden geven hetzelfde resultaat maar moeten wel juist ingesteld worden. Daarom in deze blog leg ik beide plugins uit hoe je ze kan instellen รฉn hoe je ze mooi kan weergeven op je website. Ik gebruik in het voorbeeld de footer, maar dit werkt allemaal hetzelfde voor de sidebar.

Smash Balloon Instagram Feed

Zorg als eerste dat de plugin is bijgewerkt naar de laatste versie.

  1. Vanuit je dashboard ga je naar > Instagram Feed. Deze vind je links en vaak helemaal onderaan.
  2. Je ziet daar een blauwe button met “Connect an Instagram Account” daar klik je op.
  3. Vervolgens kies je voor “Personal“. Je wordt doorgestuurd naar Instagram, als je al bent ingelogd bij Instagram zal je alleen toestemming hoeven te geven en anders moet je eerst even inloggen. Daarna wordt je teruggestuurd en zie je als het goed is dat je account is gekoppeld.
  4. Dan ga je naar > Weergave en dan naar > Widgets, dan zet je de widget “Eigen HTML” op de plek waar je het wilt hebben (bijvoorbeeld sidebar of footer). Vervolgens zet je in die widget de volgende code:

[โ€ขinstagram-feed imagepadding=0 showheader=false showbutton=false showfollow=false disablemobile=trueโ€ข]

* haal de rode stipjes even weg zodat het aansluit als je de code plaatst. Dit heb ik even gedaan zodat de code niet werkt. ;-)

Tip: wil je ruimte om je foto’s zet dan de 0 bij “imagepadding=0” op bijvoorbeeld 5px.

Social Slider Widget

Zorg als eerste dat de plugin is bijgewerkt naar de laatste versie.

  1. Klik links vanuit je dashboard op > Social Slider Widgets en vervolgens op “Settings“.
  2. Klik op de blauwe button “Add Account” en je wordt doorgestuurd naar Instagram waar je moet inloggen (als je nog niet bent ingelogd) en toestemming moet geven. Vervolgens wordt je weer teruggestuurd en zie je als het goed is dat je account is gekoppeld.
  3. Dan ga je naar > Weergave en dan naar > Widgets, dan zet je de widget “Social Slider” op de plek waar je het wilt hebben (bijvoorbeeld sidebar of footer).
  4. En dan bij de widget doe je het volgende:
    – De titel laat ik vaak leeg
    – Bij “Search Instagram for:” kies je voor “account” en selecteer je jouw account
    – Bij “Count of images to show:” kies je het aantal foto’s dat je wilt laten zien
    – De “Show feed header:” schakel je uit door op het rondje te klikken
    – Bij “Template” kies je voor > Thumbnails – Without Border” (dit is het mooiste in de footer)
    – Bij “Number of Columns:” kies je voor het aantal foto’s dat je op een rij hebt. Zet je deze bijvoorbeeld in de footer dan zet je hierboven het aantal foto’s op 8 en bij deze ook op 8
    – Bij “Order by” kies je de volgorde, ik kies hier altijd “Date – Descending” dan gaat het van nieuw naar oud.
    – En bij “Link to” kies je voor “Instagram Image”

Kom je er niet helemaal uit of wil je het liever uit handen geven?
Neem dan gerust contact met mij op, ik wil je met alle liefde helpen! :)

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