Lohkot

Tämä sivu käy läpi jokaisen Webia-lohkon: mihin se sopii, mitä sen sisään voi laittaa ja mistä asetukset löytyvät.

Näin lohkoja käytetään

Lohkon lisääminen: klikkaa sivun muokkaustilassa plus-painiketta (+) ja hae sanalla Webia — kaikki sivuston omat lohkot on nimetty samalla tavalla, esim. Webia Osio tai Webia-kortit.

Asetukset: löytyvät aina näytön oikeasta reunasta, kun lohko on valittuna (jos sivupalkki ei näy, avaa se otsikkorivin rataskuvakkeesta).

Tallentaminen: mikään muutos ei näy sivun oikeilla kävijöillä ennen kuin painat Päivitä tai Julkaise.

Sivun rakennuspalikat

Näillä kolmella rakennat sivun ison mittakaavan rungon — osiot, banneri, kuva+teksti-esittelyt. Lähes jokainen sivu koostuu näistä.

Webia Osio Yksittäinen lohko

(Webia Section)

Näkymätön mutta tärkein työkalusi: hallitsee sisällön leveyttä, väliä ja taustaväriä.

Käyttötarkoitus

Lähes joka sisältöosio kannattaa aloittaa tällä lohkolla. Lisää se ensin, ja laita sen sisään varsinainen sisältö — teksti, kuvat tai muut Webia-lohkot.

Asetukset

Leveys: Default / Narrow (kapea, sopii pitkälle tekstille) / Full width (koko näytön levyinen).
Yläreuna / Alareuna: None / Small / Medium / Big — tilaa osion ylä- ja alapuolelle.
Suurempi teksti: suurentaa sisällön tekstiä ja sisennystä kerralla — hyvä, kun osiossa on vähän sisältöä ja sen halutaan näkyvän isommin.
Taustaväri: avaa oikean sivupalkin Tyylit-välilehti (pieni ympyräkuvake otsikon vieressä) — sieltä löytyy yhdeksän väriä valittavaksi yhdellä klikkauksella.

Webia Pääkuva tai video Yksittäinen lohko

(Webia Hero)

Iso, koko sivun levyinen kuva- tai videobanneri — usein sivun aivan ensimmäinen elementti.

Käyttötarkoitus

Etusivun avaus tai alasivun otsikkobanneri. Sisältää yleensä otsikon ja lyhyen tekstin kuvan päällä.

Sisältö

Valitse kuva mediakirjastosta. Halutessasi voit sen sijaan antaa videon URL-osoitteen — video toistuu silmukassa, ja valittua kuvaa käytetään kansikuvana sillä aikaa kun video latautuu. Lohkon sisään voit kirjoittaa otsikon, tekstiä ja lisätä vaikka painikkeen.

Asetukset

Kohdistuspiste: klikkaa kuvasta kohtaa, joka pysyy aina näkyvissä, vaikka kuva rajautuisi eri kokoisilla näytöillä eri tavalla.
Peittokerroksen peittävyys: 0–50 %, tummentaa kuvaa tekstin luettavuuden parantamiseksi.
Koko näytön korkeus: lohko täyttää aina koko näkymän riippumatta sisällön määrästä.
Yläväli / Alaväli: None … Big / Extra Big.

Webia Kuva ja teksti Yksittäinen lohko

(Webia Image with Text)

Kaksipalstainen osio: kuva toisella puolella, vapaasti muokattava teksti toisella.

Käyttötarkoitus

“Meistä”-esittelyt, palveluiden tai ominaisuuksien kuvaukset kuvan kanssa.

Sisältö

Valitse kuva. Lohkon tekstipuolelle voi lisätä mitä tahansa tavallisia lohkoja: otsikon, kappaleita, listan, painikkeen.

Asetukset

Sijainti: Left / Right — kumpi puoli kuva on. Voit vaihtaa myös nopeasti lohkon työkalurivin “Vaihda kuvan puoli” -painikkeesta.
Kohdistuspiste, kapea leveys sekä yläväli/alaväli toimivat samoin kuin Pääkuva-lohkossa.

Sisältölohkot

Nämä lisätään yleensä Webia Osion sisään. Suurin osa koostuu kahdesta osasta: runkolohko, joka hallitsee yhteistä ulkoasua, ja sen sisään lisättävät kohteet — yksittäiset kortit, kysymykset tai tiimin jäsenet.

Webia-painikkeet Runko + kohde

(Webia Buttons)

Yksi tai useampi toimintakehotuspainike vierekkäin.

Käyttötarkoitus

Esim. “Varaa nyt”, “Ota yhteyttä” tai “Katso tarjonta” — mikä tahansa kohta, jossa haluat kävijän klikkaavan eteenpäin.

Asetukset per painike

Linkki: klikkaa työkalurivin linkki-kuvaketta, hae sivu tai liitä osoite. Valitse tarvittaessa, avautuuko linkki uuteen välilehteen.
Muoto: Rounded (pyöristetty) / Squared (suorakulmainen).
Täyttö: Filled (täytetty) / Outline (ääriviiva).
Väri: kahdeksan vaihtoehtoa — Primary, Primary Light, Primary Dark, Secondary, Secondary Light, Secondary Dark, Black, White.

Webia-harmonikka Runko + kohde

(Webia Toggle)

Avautuva/sulkeutuva kysymys–vastaus-lista.

Käyttötarkoitus

UKK-osiot ja muu tiivistettävä tieto, joka veisi liikaa tilaa kaikkena kerralla näkyvänä.

Sisältö per kohta

Kysymys sekä vastaus — vastaukseen voi lisätä useamman kappaleen ja linkkejä.

Asetukset (runkolohko)

Kysymystyyli: None / Small Header / Medium Header, sekä yläväli/alaväli.

Webia-asiakaskokemukset Runko + kohde

(Webia Testimonials)

Asiakaspalautteiden karuselli, joka liukuu eteenpäin automaattisesti.

Sisältö per kokemus

Teksti — ainoa pakollinen kenttä.
Nimi (valinnainen).
Tähtiarvosana (valinnainen, 0–5 tähteä — klikkaa samaa tähteä uudelleen nollataksesi).

Asetukset

Pistetyyli: Rounded / Squared, sekä yläväli/alaväli.

Webia-kortit Runko + kohde

(Webia Cards)

Ruudukko “korteista”: kuva, otsikko, kuvausteksti ja valinnainen painike/linkki.

Käyttötarkoitus

Palvelut, huoneistotyypit, tuotteet — tai yksityiskohtaisempi “miksi valita meidät” -ruudukko kuin Kohokohdat-lohkossa.

Sisältö per kortti

Kuva (ja sille kohdistuspiste), otsikko (valinnainen), kuvaus (valinnainen) ja linkki (valinnainen — sekä kuva että painike vievät samaan osoitteeseen).

Asetukset (runkolohko — koskee kaikkia kortteja kerralla)

Otsikkotyyli, painiketyyli (muoto/täyttö/väri/koko) sekä yläväli/alaväli.

Webia-tiimi Runko + kohde

(Webia Team)

Henkilöstön tai tiimin esittelyruudukko.

Sisältö per jäsen

Valokuva, nimi, rooli (valinnainen), esittely (valinnainen). Sivupalkista löytyvät lisäksi valinnaiset yhteystiedot (sähköposti, puhelin, kielet) ja some-linkit (Instagram, Facebook) — nämä eivät näy sivulla lainkaan, ellet täytä niitä.

Webia-galleria Yksittäinen lohko

(Webia Gallery)

Kuvagalleria/liukukaruselli, jossa kuvan klikkaus avaa suuremman katselunäkymän.

Sisältö

Valitse useampi kuva mediakirjastosta kerralla (“Luo galleria”) ja järjestä ne raahaamalla samassa ikkunassa. Lisää kuvia myöhemmin työkalurivin “Muokkaa galleriaa” -painikkeesta.

Asetukset

Nuolityyli: Rounded / Squared, sekä yläväli/alaväli.

Webia-logot Runko + kohde

(Webia Logos)

Siisti, läpinäkyvä rivi kumppani- tai sertifikaattilogoja.

Käyttötarkoitus

“Meidät on mainittu” -rivit, yhteistyökumppanit, kestävän matkailun tai muut tunnukset.

Sisältö per logo

Kuva sekä valinnainen linkki — osa tunnuksista ei johda mihinkään, ja se on täysin normaalia.

Asetukset

Vain yläväli/alaväli. Ei taustaa eikä muita tyylivalintoja — näin logot pysyvät siisteinä millä tahansa taustalla.

Webia-kohokohdat Runko + kohde

(Webia Highlights)

Rivi ikoni + iso luku/teksti + pieni kuvausteksti -yhdistelmiä.

Käyttötarkoitus

Luontoarvot tai etäisyydet — esim. kenkäikoni, “8 km”, “Vaellusreittejä”.
“Miksi valita meidät” -pikalista — esim. ikoni, “24/7”, “Asiakaspalvelu”.

Sisältö per kohta

Kuvake, iso teksti ja pieni teksti — kaikki kolme ovat itsenäisesti valinnaisia. Voit siis käyttää vaikka pelkkää tekstiä ilman ikonia.

Asetukset (runkolohko)

Ison tekstin väri (kuusi vaihtoehtoa), pienen tekstin väri (valkoinen/musta), sekä yläväli/alaväli.

Blogi

Webia-uusimmat artikkelit Yksittäinen lohko

(Webia Recent Posts)

Näyttää automaattisesti uusimmat blogiartikkelisi — kuva, otsikko, päivämäärä ja “Lue lisää” -linkki.

Käyttötarkoitus

Etusivun “Ajankohtaista”-osio, joka pysyy aina automaattisesti ajan tasalla — et tarvitse päivittää sitä käsin uuden artikkelin julkaisun jälkeen.

Asetukset

Artikkelien määrä (1–6 kpl, oletuksena 3) sekä yläväli/alaväli. Muita asetuksia ei tarvita — sisältö tulee suoraan artikkeleistasi.

Näin blogi toimii sivustolla

Kirjoita artikkelit normaalisti kohdasta Artikkelit → Lisää uusi.
Jokainen artikkeli saa automaattisesti oman sivunsa: otsikko, julkaisupäivä, sisältö sekä linkit edelliseen ja seuraavaan artikkeliin.
Haluatko erillisen sivun, joka listaa kaikki artikkelit (ei vain kolme viimeisintä)? Luo tavallinen sivu, kirjoita sille halutessasi oma saateteksti, ja aseta se kohdasta Asetukset → Luku → Artikkelisivu. Saateteksti näkyy artikkeliluettelon yläpuolella.

Lohkojen ulkoasu — värit, fontit ja mittasuhteet — on räätälöity juuri sinun sivustollesi. Tämä sivu kuvaa sen, miten lohkot toimivat.