Hogyan jelenítheted meg az Instagram fotóid a weboldaladon?

Instagram fotókat megjeleníteni az oldaladon, ahol bemutathatod a nagyszerű munkásságod, mindig jó ötlet.

Ha te is Divit használsz a WordPress weboldalad építéséhez, ahogyan én is, akkor feltölthetsz különböző képeket és könnyedén adhatsz nekik egy jó megjelenést.

Az 5 legjobb oldal ingyenes képek letöltéséhez – 2020

Divi: Minden, amit tudnod kell a WordPress legjobb sablonjáról

Ez segít abban, hogy a látogatóid jobban megismerhessenek és ezáltal növeld bennük a bizalmat. Azonban ahhoz, hogy naprakészen tartsd folyamatosan frissítened kell ezeket a fotókat.

Itt jön képbe az Instagram Feed.

Előnyök a sima galériával szemben

Ha ezt a megoldást alkalmazod, akkor nem kell időt fordítanod az új képek állandó feltöltésére, hiszen konkrétan az Instagram falad egy része lesz beágyazva a weboldaladra, ami minden alkalommal automatikusan frissül, ha új tartalmat teszel fel.

Ezzel nem csak rengeteg időt spórolsz meg magadnak, de a látogatóid egy részét is átterelheted a vállalkozásod Instagram oldalára, ezzel együtt növeled a követőid számát is.

Csak egyszer kell beállítani és onnantól fogva magától frissül majd a honlapodon a galéria, méghozzá ingyenesen.

Itt van egy példa arra, hogyan néz ez ki élesben:

Ebben a cikkben lépésről lépésre megmutatom, hogyan tudod ezt egyszerűen megcsinálni az Instagram fotóiddal, az egész nem tart tovább pár percnél.

Vágjunk is bele!

Útmutató az Instagram Feed beállításához

Elsőnek is egy új bővítményt kell hozzáadnod a WordPress oldaladhoz, ami nem más mint a Smash Balloon Social Photo Feed. Ez egy ingyenes bővítmény, így csak annyit kell tenned, hogy beírod a keresőbe azt, hogy „instagram feed” és ki fogja dobni.

Ennek a pluginnek van prémium verziója is, de ebben a cikkben én most az ingyeneset fogom bemutatni.

Miután ez megvan, kapcsold be a bővítményt!

A bal oldali menüsávban megjelent egy új lehetőség: Instagram Feed, kattints rá!

Elsőnek is össze kell kötnöd az Instagram fiókoddal.

Ha sikerült, akkor a következőt fogod látni: Successfully connected

Javasolt beállítások

A „Customize” fülön folytatjuk, ahol a megjelenést tudjuk beállítani.

Görgess lejjebb a „Layout” részhez!

Az alapbeállítások egyébként a legtöbb esetben jók lesznek, ezért nem megyek végig mindegyiken. A célom az, hogy minnél hamarabb el tudd készíteni a saját automatikusan frissülő „Instagram falad” a weboldaladon.

A következő beállítást a „LOAD MORE BUTTON” lehetőségnél találjuk.

Rögtön ezalatt folytatjuk: „Follow Button”

Itt lényegében ugyanazt találod, csak most itt a másik gombról van szó.

Ne felejts el menteni!

Most pedig görgess le az oldal aljára és másold ki a shortcode-ot!

Ezt a kódot kell bemásolnod oda, ahol szeretnéd, hogy megjelenjenek az Instagram képeid.

Én Divit használok, ezért ezen keresztül fogom bemutatni a következő lépéseket.

Instagram Feed shortcode beillesztése

Elsőnek is döntsd el, hogy hol szeretnéd megjeleníteni a képeket az oldaladon belül!

  1. Lépj be a Divi szerkesztőbe
  2. Görgess az általad kiválasztott részhez
  3. Adj hozzá egy új sort
  4. Válaszd ki az egy oszlopos elrendezést

5. Válaszd ki a kód modult

6. Illeszd be a shortcode-ot, amit előzőleg kimásoltál

Ennyi, készen vagy.

Végszó

Ha figyelmesen végig mentél a fenti lépéseken, akkor gratulálok, sikeresen megjelenítetted az Instagram fotóidat a weboldaladon.

Javaslom mentsd el ezt az útmutatót a könyvjelzőid közé, hogy bármikor visszatérhess ha szükség van rá.

WordPress eszközkészlet ebook borítókép zöld

ingyenes ebook

Töltsd le a WordPress eszközkészletet ingyen!

Ebben az ebookban összegyűjtöttem azt a 11 eszközt, amire a leginkább szükséged van kezdőként a saját weboldalad felépítéséhez.

Némelyik eszköz, amire a cikkeimben hivatkozom partnerlinket tartalmaz. Ha ezen keresztül vásárolsz, akkor nem fizetsz többet, de engem támogatsz vele, amit nagyon köszönök.

TÖLTSD LE A WORDPRESS ESZKÖZKÉSZLETET

Ingyenesen letölthető PDF

- Időt takaríthatsz meg

- Minimális költséggel indulhatsz

- Bizonyított eszközök

- A kezdők igényeire szabva

Siker!