Random Instagram posts op website

Een aantal maal werd mij gevraagd of het mogelijk is random Instagram posts van andere mensen op je website te zetten. Als voorbeeld kan je denken aan een Fashion blog die op de homepage afwisselend verschillende Instagram posts wil plaatsen van merken of fashion labels. Of een voetbalfansite die random Instagram posts van voetballers wil plaatsen.

Met een plugin, wat maatwerk (php) heeft Talentz.biz dit meerdere keren mogelijk gemaakt. Hieronder leggen we uit hoe je dit klusje zelf kan klaren. Kom je er niet uit? Neem dan contact op met ons, en we helpen je op weg of regelen dit voor je tegen een kleine vergoeding.

Wat gaan we doen?

  • Instagram plugin installeren en instellen
  • Instagram accounts verzamelen die je wilt tonen
  • PHP plugin installeren
  • PHP code opmaken
  • Shortcode op pagina plaatsen
  • 1. Instagram plugin installeren en instellen

    We gebruiken hiervoor de gratis versie van Instagram Feed ontwikkeld door Smash Balloon. Download de plugin en activeer hem. Weet je niet hoe je een plugin installeert? Kijk dan op de helppagina van WordPress.

    Nadat de plugin geactiveerd is, dien je een aantal settings aan te passen:

    1) Allereerst moet je een Access Token van Instagram aanvragen, zodat er een koppeling gemaakt wordt tussen jouw WordPress site en Instagram. Dit doe je door op de blauwe knop te drukken, en vervolgens de stappen te doorlopen.

    2) Omdat we niet de verschillende Instagram posts naast elkaar, maar random willen vertonen, laten we dit veld leeg. We lossen dit straks in stap 4 op.

    Sla je wijzigingen op en verander in het tweede tabblad (2. Customize) het aantal foto’s en kolommen beiden naar “1”. Zodoende wordt er steeds alleen de laatste Instagram Post vertoond.

    Sla je wijzigingen op.

    2. Instagram accounts verzamelen die je wilt tonen

    Omdat we Instagram Posts van verschillende acteurs, sporters of beroemdheden willen vertonen, moeten we nu eerst hun accounts verzamelen. In ons voorbeeld willen we de Instagram Posts van de volgende “beroemde moeders” tonen:

    Lieke van Lexmond
    Victoria Koblenko
    Pink
    Amal Clooney
    Chrissy Teigen
    Beyonce
    Yolanthe Cabau
    Doutzen Kroes
    Liza Sips
    Anouk

    Wat we eerst moeten verzamelen, is hun Instagram naam. Dus Lieke van Lexmond is bijv. liekevanlexmond en Doutzen Kroes doutzen.

    Zodra je de Instagram namen verzameld hebt, moeten we de corresponderende Instagram ID opzoeken. Dat kan op onze speciale pagina die we hier voor gemaakt hebben: Instagram ID converteren. Vul op die pagina de naam in, en het Instagram ID zal worden getoond.

    Als het gelukt is, heb je met ons voorbeeld de volgende Instagram ID’s gevonden:

    liekevanlexmond –> “267524036”
    vkoblenko –> “204862664”
    pink –> “3039480656”
    amalclooney –> “328838897”
    chrissyteigen –> “26252444”
    beyonce –> “247944034”
    yolanthecabau –> “145488774”
    doutzen –> “26499947”
    lizasips –> “54131788”
    anouk –> “40488054”

    Noteer al deze nummers, deze hebben we bij stap 4 nodig.

    3. PHP plugin installeren

    Download PHP Code For Posts plugin, zodat we in staat zijn PHP code direct in een WordPress Post te plaatsen. Activeer de plugin.

    4. PHP code opmaken

    Ga nu naar de PHP plugin pagina, en maak een “new snippet” aan.

    Geef je snippet een naam , en vul in in het code veld de volgende code in:

    [row ]

    [col span="1/1" ]
    <?php
    $instagramids = Array(
    "267524036",
    "204862664",
    "3039480656",
    "328838897",
    "26252444",
    "247944034",
    "145488774",
    "26499947",
    "54131788",
    "40488054",
    
    ); ?>
    <?php $randominstagram = $instagramids[array_rand($instagramids)];
    ?>
    
    <?php echo do_shortcode( "[instagram-feed id=$randominstagram]" );
    ?>
    
    [/col]
    

    [/row]

    Deze code zorgt ervoor dat er random een Instagram ID wordt uitgekozen en getoond.
    Let goed op dat je de Instagram ID’s tussen “” zet, en afsluit met een komma. Je kan er zoveel toevoegen als je zelf wilt.

    Sla de snippet op, en onthoud de shortcode. Dit ziet er zo uit: [php snippet=1].

    5. De shortcode op de pagina plaatsen

    De aangemaakte shortcode kan overal geplaatst worden. Wij hebben hem vaak in een widget in de zijbalk geplaatst, maar hij kan ook in een pagina geplaatst worden. Kijk maar hieronder. Ververs de pagina om een andere Instagram Post te zien.

    [php snippet=2]

    Binnen een paar minuten heb je hiermee je eigen beroemde mensen Random Instagram Posts sectie gebouwd!

    Laat een reactie achter

    Het e-mailadres wordt niet gepubliceerd. Vereiste velden zijn gemarkeerd met *