Vauhtia visuaalisuuteen – tuo Instagram- ja Youtube-syötteet WordPress-sivuillesi
Artikkelin kuva: tanuha2001 / Shutterstock.com
Mikään ei ole ylläpitäjälle ärsyttävämpää kuin lisätä sama kuva tai teksti useaan eri mediaan ja säätää kokoa sekä asetuksia kaikkiin erikseen. Siksi on näppärää tuoda sosiaalisen median syötteitä WordPress-sivuillesi, jotta samaa materiaalia ei tarvitse lisätä erikseen moneen paikkaan. Molemmista esittelemistämme lisäosista on sekä ilmainen että maksullinen versio. Ilmainen toimii hyvin suurimmalla osalla käyttäjistä.
Instagram Feed tuo Instagram-syötteen
Instagram-kuvien tuontiin hyvä työkalu on Instagram Feed -niminen WordPress-lisäosa. Ilmaisella versiolla lisäosasta saat tuotua yhden tilin syötteen sivuillesi. Lisäosa vaatii kirjautumisen Instagramiin, minkä pääset tekemään valitsemalla lisäosan aktivoinnin jälkeen WordPressin päävalikosta Instagram Feed -linkin. Paina Log in and get my Access Token and User ID. Kirjaudu omilla Instagram-tunnuksillasi ja syötä saamasi Access token ja User ID alapuolella oleviin kenttiin.
Alla olevassa kuvassa on näkyvissä osa Instagram Feed-lisäosan asetuksista.
Lyhytkoodilla instagram-feed saat tuotua syötteesi haluamaasi kohtaan artikkelia tai blogitekstiä. Lisäosan asetuksissa voit valita, kuinka monta kuvaa haluat näyttää syötteessä. Esimerkin syötteestä näet alla.
Instagram-kuvan upottaminen
Mikäli haluat näyttää tekstisi yhteydessä jotakin tiettyä kuvaa Instagramista, paras tapa on mennä osoitteeseen http://instagram.com/nimimerkki, klikata haluttua kuvaa ja valita kolme pistettä kuvaikkunan oikeasta laidasta. Tällöin aukeaa valikko, josta valitaan embed. Kopioi koodipätkä painamalla Copy Embed Code ja palaa WordPressiin muokkaamaan artikkeliasi. Valitse tekstin muokkaus ja liitä koodi haluamaasi kohtaan.
Alla esimerkki kirjoittajan upotetusta kuvasta.
Youtube
Youtube-syötteen saat tuotua sivuillesi YouTube Embed WordPress Plugin-lisäosalla. Lisäosan asetuksista saat esimerkiksi määritettyä muutamilla vaihtoehdoilla, millaisilla kuvakkeilla Youtube-galleriasi näkyy ja näytetäänkö videoihisi liitettyä tekstiä. Lisäosan käyttäminen vaatii Youtuben API-avaimen. Ohjeet API-avaimen tekoon löydät täältä. Asetuksista saat myös säädettyä, montako kuvaketta videoista näytetään ja kuinka moneen riviin ne laitetaan. Lisäosa toimii täysin responsiivisesti ja osaa skaalata videot käytettävissä olevan tilan mukaisesti.
Lisäosassa itsessään tulee hyvät ohjeet videoiden tuomiseen. Kaikki hoituu näppärästi [embedyt]-lyhytkoodilla.
Kuvassa näet lisäosan maksullisen version ominaisuuksia. Ilmaisilla ominaisuuksilla pääset kuitenkin hyvin alkuun ja voit halutessasi päivittää PRO-versioon milloin tahansa.
Yksittäisen Youtube-videon upotus tekstin sekaan tapahtuu liittämällä halutun videon linkki tekstiisi. Et siis tarvitse WordPressiin erillistä lisäosaa, eikä sinun tarvitse hakea upotuskoodia niin kuin Instagram-kuvan tuonnissa.
Tutustu WordPress-aiheisiin artikkeleihimme
[pt_view id=”f8ef9eb433″]
Joanna Hoffren
Sollertiksen toimitusjohtaja ja diginainen. Rakastaa hakukoneoptimointia melkein yhtä paljon kuin yli 200 huonekasvin kokoelmaansa. Bloggaa omassa blogissaan älykodin ratkaisuista.
Lue Joannan viimeisimmät tekstit.