Dodajte svoj Instagram feed WordPressu

Moj Instagram feed šalje puno prometa na moj blog + zauzvrat moj Instagram feed na mom blogu vraća promet natrag na moj Instagram feed. Savršeno je podudaranje +, osim što je dobar izvor posjetitelja vašeg bloga, također izgleda prilično - zar ne?

Dakle, razmotrimo vas + proći kroz nekoliko jednostavnih koraka koji su potrebni da biste dodali feed u widgete Sidebar. Provjerit ću vam sljedeće kako bi se osiguralo da ste gore i trčanje u roku nekoliko minuta:

  • Pronalaženje, instaliranje + aktiviranje dodatka
  • Konfiguriranje računa
  • Prilagodba feeda
  • Prikazivanje vašeg feeda

Instaliranje dodatka za Instagram Feed

Morate se prijaviti na svoju WordPress nadzornu ploču da biste započeli s +, odakle u lijevom izborniku idite na Dodaci> Dodaj novo. U okvir za pretraživanje s desne strane upišite "Instagram feed" + hit enter. Tada će vam se prikazati sljedeći rezultati pretraživanja + onaj koji vam je potreban je onaj koji sam istaknuo 'Smash Balloon':

Kliknite gumb Instaliraj sada + kada se instalacija završi, kliknite "Aktiviraj".

Nakon aktivacije, u bočnom izborniku nadzorne ploče kliknite gdje bi sada trebalo pisati Instagram Feed + to će vas odvesti na stranicu postavki tog dodatka.

Na ovoj stranici sada morate konfigurirati svoj račun kako bi se slike mogle prikazati na vašem blogu.

Kliknite veliko plavo dugme s oznakom "Prijavi se i preuzmi moj pristupni token i korisnički ID". Ovo bi vas trebalo odvesti na stranicu za prijavu na Instagram gdje ćete trebati unijeti svoje korisničko ime + lozinku. Učinite to + kliknite "Prijava".

Tada ćete biti vraćeni na stranicu s konfiguracijom + trebao bi imati jedinstveni pristupni token + vaš korisnički ID. Morate ih kopirati i zalijepiti u odgovarajuće okvire ispod, ako to nisu učinili automatski.

Nakon što to učinite. Pritisnite "Spremi promjene".

Dodajte instagram u widget bočne trake

Ipak na svojoj stranici postavki Instagrama kliknite karticu na vrhu koja glasi "Prikažite svoj feed" + to će učitati novu stranicu. Ova stranica prikazuje sve mogućnosti kratkog koda koje su vam potrebne za prikaz feeda na različite načine. Možete prikazati više od jednog feeda pomoću više kratkih kodova, tako da vam pomaže da drugačije prilagodite ovisno o tome kako želite da se prikaže. Na primjer, feed u mom podnožju drugačiji je izgled nego moj feed u mojoj bočnoj traci; to je sve zahvaljujući ovoj stranici.

Za feed u podnožju koristim ovaj izgled kratkog koda: [instagram-feed number = 8 cols = 8 imagepadding = 0]

Feed u mojoj bočnoj traci koristi ovaj kratki kôd: [instagram-feed number = 6 cols = 2 imagepadding = 5]

Također možete koristiti zadani kôd teme koji je [instagram-feed]

Da biste koristili ove kratke kodove, obavezno izbrišite razmake koje sam unijela prije + nakon [+ the].

Bez obzira za što se odlučite, kopirajte svoj kratki kôd + i zatim na nadzornoj ploči prijeđite na Izgled> Widgeti kako biste otvorili svoje administracijsko područje Widgeta.

Na ovoj stranici morat ćete povući "Text Widget" preko izbornika bočne trake + dodijeliti mu naslov. Jednostavno sam nazvao svoj Instagram. U tekstni okvir koji se otvori zalijepite Instagram prečac koji ste odabrali u prethodnom koraku + pritisnite gumb 'Spremi'.

Ako nastavite + osvježite stranicu svog bloga, trebali biste vidjeti svoj Instagram Feed na bočnoj traci.

Ovisno o vašim stilovima tema ovisit će kako će izgledati vaši stilovi feeda, ali ako želite izvršiti neke promjene, poput mene, to možemo učiniti i sami u sljedećem koraku.

Stiliziranje Instagram widget feeda

Ok, sad kad je naš feed instaliran + prikazan, idemo naprijed + promijenimo kako izgledaju te ružne plave veze (ako vaša tema ne sadrži stilove za ovaj dodatak - ako jesu, sretno vam!)

U izborniku na nadzornoj ploči kliknite vezu "Instagram feed" + pri vrhu stranice kliknite karticu "Prilagodi" za otvaranje nove stranice.

Na ovoj se stranici možete poigrati sa svojim postavkama radi postavljanja "zadanog feeda" koji će se prikazati samo pomoću ovog kratkog koda: [instagram-feed]. Sve promjene koje napravite ovdje utjecat će na zadane stilove, ali nećete mijenjati sve složene feedove poput: [instagram-feed number = 6 cols = 2 imagepadding = 5].

Pređite stranicu + dodajte svoje vlastite stilove u svoj feed.

Uvijek pazim da je moj feed postavljen na 100% + ostavite polje visine prazno.

Boja pozadine ovisi o vašem mišljenju, ali ja ostavljam prozirnim / praznim tako da odgovara mojoj temi.

Također volim ukloniti zaglavlje + učitati više gumba. Ako koristite neku od mojih WordPress tema, stilovi svih gumba IG feeda uključuju se u skladu sa vašom temom.

Pređite na svoj blog + osvježite stranicu da biste vidjeli promjene.

To je to. Gotovo ste + trebali biste na svom blogu imati priličan Instagram feed. Ako imate bilo kakvih pitanja, molim vas, ostavite mi komentar, pošaljite mi e-poštu ili me čak pratite na Instagramu + rado ću vam pomoći.