Helppoa.

Tee kotisivut tai verkkokauppa helposti itse - jopa kymmenessä minuutissa

Kokeile ilmaiseksi 2 viikon ajan

Kotisivukoulu

Instagramin käyttö kotisivuillasi

Tiistai 27.2.2018 - Heikki Tirkkonen


Voit käyttää Instagramin upotukseen ilmaispalvelua, joka löytyy osoitteesta https://instawidget.net/generate

Paras paikka mihin syöte kannattaa lisätä on sivupalsta.

Kun lähdet syötettä luomaan, kannattaa "widget width" -kohtaan syöttää arvoksi esim. 200 pikseliä. Tämä sen takia, että syöte ei ole harmiksi 100-prosenttisesti responsiivinen, ja jos siitä tekee suuremman, se saattaa mobiilissa mennä sivupalastan sisältöalueen laidan yli. 

Tietty, jos olet määritellyt sivupalstasi leveyden kapeammaks, tai leveämmäksi, kannattaa syötteen leveydeksi syöttää sivupalstalle asetettu leveys. Voit palstan leveyden tarkistaa täältä:

1. Suuntaa "ulkoasun muokkaus" -osioon ylläpidossa
2. Napsauta auki kohta "sivupalstat"
3. Avaa "mitat" -osio

Täältä löydät kohdan "palstojen leveys", joka kertoo palstan tämän hetkisen leveyden.

Muihin asetuksiin voit laittaa melkein mitä vain. Editorin avulla pystyy säätämään esim. syötteen taustaväriä, tekstin väriä, profiilin kuvausta, seuraajien määrän näyttämistä jne.

Tässä vielä kännettynä, että mitä mitkäkin kentät ovat:

Username: käyttäjänimi
Hashtag: aihetunniste
Widget width: syötteen leveys
User icon: profiilikuva
User introduction: elämäkerta
Follow button: seuraa -nappi
Followers: seuraajat
Box border: syötteen reunus
Box border color: syötteen reunuksen väri
Text color: tekstin väri
Background color: syötteen taustaväri
Photo gallery: kuvagalleria
Photo padding: kuvien väli
Photo effect: kuvaefekti
Layout: Kuvien asettelu
Share button: jakonappi
Photo border: kuvien reunukset
Open New Window: avaa profiilin uudessa ikkunassa/välilehdellä

Kun säädöt ovat kohdillaan, klikkaa "preview" -nappia, jolloin saat esikatselun syötteestä. Jos syöte on sitä mitä haet, klikkaa vain "get the embed code" -nappia, josta aukeaa uusi ikkuna, josta voit kopioida syötteen HTML-koodin leikepöydälle.

Saatuasi upotuskoodin talteen, suuntaa vain kotisivujen ylläpitoon, ja lisää upotuskoodi halutun osion (esim. sivupalstan) HTML-koodiin.

Tässä esimerkkinä, että kuinka luot sivupalstaan tarvittavan nostolaatikon ja HTML-komponentin.

1. Päästyäsi sisään ylläpitoon, mene "sisällön muokkaus" -osioon
2. Raahaa sivupalstaan uusi "nostolaatikko" -komponentti
3. Tämän jälkeen lisää nostolaatikon sisään HTML-komponentti
4. Lähde muokkaamaan HTML-komponenttia ja liitä upotuskoodi sisältöön
5. Julkaise muutokset

Näin syöte näkyy sivuston julkisella puolella.

Avainsanat: sosiaalinen media, instagram