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.
Instagram Feed

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.

...

5 0

...

4 0

...

6 0

...

4 0

...

1 0

...

2 0

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.
Instagram kuvan upotus
Alla esimerkki kirjoittajan upotetusta kuvasta.

Enjoying the peace and quiet. #selfie #visitfinland #foxpaulistinha #brazilianterrier #nature

A photo posted by Joanna (@joanna.nii) on

 

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.

youtube-pro
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

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.

VIIMEISIN ARTIKKELI

7 Vinkkiä tietoturvaan etätöissä

27.08.2025 |

Etätöistä on tullut monelle arkipäivää. Toiset tekevät sitä vain satunnaisesti, kun taas toisille se on … LUE LISÄÄ…

Miten valita oikea Microsoft 365 lisenssi yrityksellesi?

26.08.2025 |

Microsoft 365 on pilvipohjainen tuottavuus- ja yhteistyöympäristö, joka sisältää työkalut sähköpostiin, tiedostojen hallintaan, tiimityöhön ja … LUE LISÄÄ…

Google Ads -mainonta kilpailijan nimellä: Kannattaako se oikeasti?

13.08.2025 |

Oletko törmännyt hakutuloksissa mainoksiin, jotka nousevat esiin, vaikka olet hakenut toisen yrityksen nimellä? Kyseessä on … LUE LISÄÄ…

Virtuaalipalvelin vai webbihotelli verkkosivujesi kodiksi?

04.08.2025 |

Kun yrityksesi verkkosivut tai verkkokauppa ovat tärkeä osa liiketoimintaasi, niiden sijoituspaikka eli palvelinratkaisu on hyvä … LUE LISÄÄ…

Miten tekoälyä voi hyödyntää sisällöntuotannossa?

29.07.2025 |

Tuntuuko sisällöntuotanto hankalalta? Et saa ideoita, aikataulu on loppumassa ja et tiedä, mitä tehdä. Kokeile … LUE LISÄÄ…

AI optimointi WordPressissä – Huomioi tekoäly verkkosivuillasi

23.07.2025 |

AI eli tekoäly muuttaa miten tietoa etsitään ja miten hakukoneet tarjoavat vastauksia. AI optimointia kannattaakin … LUE LISÄÄ…

WordPress-ylläpito turvaa verkkosivujesi toiminnan

27.05.2025 |

WordPress-ylläpito on tärkeä osa verkkosivujen toimintaa. Moni yrittäjä ajattelee, että verkkosivut tehdään kerran ja sen … LUE LISÄÄ…

Multimediaesitysten luonti Microsoft Sway-työkalulla

26.03.2025 |

Microsoft Sway on selainpohjainen digitaalinen tarinankerrontatyökalu, jonka avulla voit luoda ja jakaa interaktiivisia esityksiä ja … LUE LISÄÄ…