Digi-iltamat, jatkoryhmä

Osa 2

Päivitetty 30.10.2025

Yleistä

• Materiaali koottu jälleen tukipyyntöjen, palautteen ja yhteisöjen ylläpitäjien toiveiden pohjalta
• Osa 1 lisätty Digiklinikkaan
• Kysymykset ja kaikenlainen keskustelu LianaCMS:stä ja verkkosivuista ylipäätään on tervetullutta

​

2

Videot ja median upottaminen

3

Videon käyttämisen ongelmat verkkosivuilla

• Video on yleensä 30-60 kuvaa sekunnissa, eli tiedostokoko kasvaa suureksi vaikka modernit videoformaatit pakkaavat videon tiedostokooltaan murto-osaan raakamateriaalista
• Videon striimaaminen verkkopalvelimelta käyttää myös paljon kaistanleveyttä ja mahdollisesti kuukausittaista datan siirtorajoitusta
• Vaihtoehtona videopalvelut kuten Youtube
• Miinuksena palveluiden mainokset ja palvelun käyttäjädatan kerääminen omiin tarkoituksiin

4

Videon upottaminen

• Upottaminen tarkoittaa ulkoisessa palvelussa olevan median käyttämistä osana verkkosivua, yleensä ulkoisen palvelun omalla työkalulla tai rajapinnalla

5

Vaihtoehto 1: Elementti “Video”

• Lisätään osio “Video (ei saa poistaa)”
• Osion nimeen ei tule mainintaa videosta, kannattaa nimetä asiaankuuluvasti
• Videokenttään täysi

osoite Youtube-videoon

• Lopuksi tallennus

6

• Videoupotus ilmestyy sivulle ilman “esikatselua”
• Mahdollinen otsikointi lisättävä esim. editorilla

7

Upottaminen editorin sisällä, vaihtoehto 1

• Editorissa on työkalu median upottamiselle
• Valitse “kuvan” oikealta puolelta “Embed media from External sites”

8

• Lisää Title (otsikko)
• Lisää URL (täysi verkko-osoite)
• Osoitteen voi kopioida selaimen osoiteriviltä tai Youtubessa “Jaa” → “Kopioi”

9

• Upotus näkyy sivustolla pienenä “ikkunana”, voi mennä katsomaan youtubesta suurempana tai suurentaa koko näytölle kun toistamisen on aloittanut
• Esikatselu lataa joskus upotuksen hitaasti
• Otsikointi tai kuvaus helppo kirjoittaa samassa editorissa

10

Muut video- ja tiedostopalvelut

• Muut videopalvelut oletettavasti samalla kaavalla kuin Youtube
• Äänitiedostojen palveluista testattu Soundcloud
• Antaa virheilmoituksen mutta upotus onnistui?

11

Upottaminen editorin sisällä, vaihtoehto 2

• Verkkopalvelut tarjoavat usein upottamista embed-koodilla, joka antaa valmiin pätkän html-koodia
• Näyttää hyvin tekniseltä, mutta käytännössä ei vaikea

12

• Kopioi valmis upotuskoodi leikepöydälle

13

• Editorissa muuta näkymä HTML-koodiksi
• Liitä upotuskoodi, esim. alimmaksi uudelle riville
• Tämän jälkeen voit mennä takaisin normaaliin tilaan samasta painikkeesta ja muokata editorin valmiiksi

14

• Twitter ja Facebook tekevät upotuskoodin hyvin samalla tyylillä
• Sisältävät myös esikatselun
• Kopioi koodi ja lisää

HTML-kooditilassa

editoriin

15

Taulukot

16

Yksinkertainen taulukko editoriin

• Käyttökohteet esim: lista henkilöistä, paikoista, tapahtumista jossa jokaisesta hieman lisätietoja
• Valitse editorissa ylhäältä “Taulu”
• Taulukkoon valitaan tarvittava määrä rivejä ja sarakkeita jotka täytetään myöhemmin editorissa

17

• Valitse tarvittavat rivit ja sarakkeet
• Solujen mittoja voi muuttaa
• Ylätunniste tekee lihavoidun tekstin ensimmäisen sarakkeeseen tai riviin
• Kohdistus vasemmalle, oikealle, keskelle
• Otsikko tulee “kuvaukseksi” taulukon alapuolelle

18

Esimerkkitaulukko

• Taulukon ominaisuuksia pääsee muokkaamaan jälkeenpäin klikkaamalla oikealla napilla ja valitsemalla “Taulun ominaisuudet”

19

Arkistointi

20

Alasivujen arkistointi

• Toiminnoista “Arkistoi sivu”
• Arkiston voi avata sivulistauksen yläreunasta

21

Arkistosta palauttaminen

• Arkiston toiminnoista sivun voi palauttaa takaisin tai poistaa kokonaan
• Palauttaessa valitse tarkka sijainti, yleensä jäsenyhteisön etusivun alle

22

Sivun kopion arkistointi

• Joitakin sivuja kuten etusivua ei voi arkistoida, syynä luultavasti jokin toiminnallisuus jota toinen alasivu tarvitsee kyseiseltä sivulta?
• Sivusta voi tehdä kopion arkistoitavaksi
• Lisää uusi sivu
• Kuvaava nimi helpottaa, esim. “Etusivun kopio huhtikuu 2024”
• Tee kopio hierarkiasta: [valitse kopioitava sivu]
• Ota mukaan myös alasivut: [ei] (varsinkin etusivua kopioitaessa)
• Siirrä kopio arkistoon

23

Alasivun asetukset

24

Yksittäisen sivun asetukset

• LianaCMS-ohje listaa kaikki sivun asetukset
• Useimmissa tapauksissa vakioasetukset riittävät hyvin

25

Sivun tiedot

• Valikkoteksti: valikoihin voi haluta lyhyemmän nimen jos alasivun nimi on pitkä
• Kuvaus: Lyhyt kuvaus sivusta lähinnä hakukoneoptimointiin
• Avainsanat: Lista avainsanoista sivuston sisäistä hakua varten

26

Näkyvyys- ja pääsyasetukset

• Valitsemalla suojauksen voi tehdä sivun joka näkyy vain kirjautuneille käyttäjille tai jopa vain tietylle käyttäjäryhmälle
• Ongelmana rajallinen KL käyttäjätunnusten määrä, ei voida antaa kuin ylläpitäjille
• Eli käytännössä voisi tehdä esim ohjesivun ylläpitäjille, ei suljettua sivua kaikille jäsenille

27

• Vaihtoehtoisesti sivu joka ei näy valikossa tai hakukoneissa
• Valikkonäkyvyys ja hakunäkyvyys pois
• Sivu on teknisesti julkinen kenelle vaan, mutta vierailijan pitää tietää tarkka osoite tai linkki lähetetään esim sähköpostilla
• Ei ole salasanan takana, eli ei sovellu arkaluontoiselle materiaalille. Ideana ohjesivu tai vastaava jonka ei tarvitse olla valikossa näkyvillä.

28

Ajastettu julkaisu ja vanheneminen

• Esimerkiksi tapahtuman ohjesivu, artikkelin tai sivun julkaisu tiettyyn aikaan
• Muista laittaa sivu näkyväksi, ajastus pitää sen piilossa ennen määritettyä aikaa

29

Tapahtumat ja tapahtumalista

30

LianaCMS tapahtumat

• Tapahtuman voi luoda useasta paikasta ja se näkyy tarvittaessa useilla eri alasivuilla, kalentereissa ja listoissa
• Esim: KL etusivu, KL tapahtumasivu, jäsenj. etusivu ja jäsenj. tapahtumasivu

31

Jäsenjärjestön etusivun kalenteri

• Kalenteri on valmiiksi oletuksena jäsenjärjestön etusivulla ja tapahtumasivulla
• Luotu sivuston tyyliin sopivaksi, ulkonäköä tai toimivuutta ei pääse muokkaamaan
• Oletuksena näyttää jäsenjärjestölle luodut tapahtumat
• Uuden luominen onnistuu kopioimalla etusivun kalenterin asetuksineen, tai pyytää apua ylläpidolta (jos kalenterin on poistanut kokonaan, kysy ylläpitoa luomaan uuden)

32

Tapahtumalista

• Tapahtumia voi listata myös ilman kalenteria
• Luodaan Elementti: Tapahtumalista (huom, myös kalenteri on “tapahtumalista”). Mene seuraavaksi tapahtumalistan asetuksiin.
• Muista valita kategoria jonka tapahtumia näytetään!
• Näytä aikajakso: voi valita esim vain tulevia tai menneitä tapahtumia
• Järjestys: nouseva/laskeva
• Tapahtumien määrä: montako on tarkoitus listata, esim seuraavat 5 tulevaa (0 listaa kaiken)
• “Luo linkit” on vakiona “Ei”, muuta tämä että linkkejä voi klikata!

33

Tapahtumalista

• Ulkoasu
• Tapahtumalistan muoto: Seinäkalenteri ilman Lianan luomia asetuksia tekee hyvin pelkistetyn kalenterin jota ei voi klikata, ei suositella
• Päivä, Viikko ja Kuukausi listaavat kyseisen aikamääreen tapahtumat, kuukausi lienee käytännöllisin
• Tapahtumalista voisi olla jäsenjärjestöille käytännöllisin, voi listata esim seuraavat 5 tapahtumaa

34

Palaute, toiveita, lisättävää materiaaliin?

35

• Toiveita tai ideoita verkkosivuista?
• Kysymyksiä tai tarkennuksia koulutuksen aihealueissa tai ylipäätään jäsenyhteisön sivuilla?

​

​

• Kiitos osallistujille!

36