Instagram i Genesis wordpress tema

Vill du visa ditt instagramflöde på din webbplats?

Du kanske funderar på att välja tema just på grund av att den funktionen redan är inbäddad i temat? 

Har du idag ett tema som bygger på ramverket Genesis kan du väldigt enkelt lägga till instagram-flödet själv. Här nedan kommer jag guida dig i hur du gör. Steg för steg. 

Lägg till tillägg

För att guiden nedan ska fungera behöver du ha två tillägg installerade. Enklast söker du efter dem i "tillägg" -> "lägg till".

Det ena är "Genesis Simple Hooks" av StudioPress och det andra är "Instagram Feed" av Smash Balloon.

Lägg till och aktivera dem. 

Koppla Instagram

Du har nu fått en ny menyflik i den vänstra adminmenyn. 

Klicka på den så ser du en STOR blå knapp.

Innan du klickar där gå till instagram.com i samma webbläsare (i en ny flik t.ex.) och se till att du är inloggad med det konto som du vill hämta bilder från.

(Du kan koppla fler konton, men enklast är om du börjar med att bara koppla ett)

När du säkerställt att du är inloggad med rätt konto klickar du på den stora blå knappen. 

Du får då en fråga där du kan dubbelkolla att det är rätt konto som kopplas, och en länk där du kan byta konto om det är fel. Men gjorde du steget innan ska det bara vara att klicka på den gröna knappen. 

Då kommer en grön rad på sidan:

 

Lite längre ner kan du ange hur ofta den ska kolla efter nya bilder. Det bör justeras efter hur ofta du instagrammar. Är det en gång om dagen behöver den inte kolla efter nya bilder en gång i timmen. 

Du kan alltid gå tillbaka och ändra detta om du skulle bli aktivare. Eller mindre aktiv. 

Glöm inte trycka på den blå knappen för att spara ändringar. 

Lägg in flödet på din hemsida

Kortkoden för att hämta ditt flöde är [instagram-feed] (detta står i pluginet under 3. Display your feed). Men vi vill ju inte behöva skriva in det manuellt i varje inlägg utan vi vill att det ska visas alltid på en specifik plats, det är här Genesis Simple Hooks kommer in. 

En visuell guide för VAR alla dessa märkliga fält är hittar du på denna bild till höger. Klicka på bilden för att öppna en stor zoombar i en ny flik. 

Jag valde  "genesis_after_content" efter lite experimenterande. 

Gå till "Genesis" -> "Simple Hooks"

Använd ctrl/cmd+F för att söka eller scrolla ner till "genesis_after_content"

Kryssa i rutan för att använda shortcodes och skriv/klistra in [instagram-feed] 

Spara på den blå knappen längst ner!

Titta på din sida

Du ser antagligen 4 rader med 4 bilder i varje rad. 

Detta utseende kan du ändra i 

Klicka där på fliken 2. Customize. 

Det jag tyckte såg bäst ut för mig var följande inställningar: 

Visa 7 foton, varav 7 är på rad, med 0 luft emellan. 

Det blir såhär: 

Längre ner i customize kan du justera utseendet på knapparna så att de passar restan av din mall. Eller dölja dem helt.

 

 

Vill du ha installationshjälp?

Betala här och maila mig inlogg till din WP samt till din instagram, så fixar jag och gör det snyggt till dig. 

Installation 200,00 SEK

20 Jul 2023

Vill du något snabbt? Slå en pling 0706898525 (kl 9-19) 

Jag ser detaljerna som gör helheten bättre
© 2024 Suss Creations