1 of 36

Digi-iltamat, jatkoryhmä

Osa 2

Päivitetty 30.10.2025

2 of 36

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

3 of 36

Videot ja median upottaminen

3

4 of 36

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

5 of 36

Videon upottaminen

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

5

6 of 36

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

7 of 36

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

7

8 of 36

Upottaminen editorin sisällä, vaihtoehto 1

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

8

9 of 36

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

9

10 of 36

  • 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

11 of 36

Muut video- ja tiedostopalvelut

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

11

12 of 36

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

13 of 36

  • Kopioi valmis upotuskoodi leikepöydälle

13

14 of 36

  • 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

15 of 36

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

HTML-kooditilassa

editoriin

15

16 of 36

Taulukot

16

17 of 36

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

18 of 36

  • 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

19 of 36

Esimerkkitaulukko

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

19

20 of 36

Arkistointi

20

21 of 36

Alasivujen arkistointi

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

21

22 of 36

Arkistosta palauttaminen

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

22

23 of 36

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

24 of 36

Alasivun asetukset

24

25 of 36

Yksittäisen sivun asetukset

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

25

26 of 36

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

27 of 36

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

28 of 36

  • 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

29 of 36

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

30 of 36

Tapahtumat ja tapahtumalista

30

31 of 36

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

32 of 36

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

33 of 36

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

34 of 36

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

35 of 36

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

35

36 of 36

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

  • Kiitos osallistujille!

36