Komponentit· Lohkot
Lohkot
Osioiden sisälle lisättävät perusosat: otsikko, teksti, kuva, painike, video, kartta, upotus ja lomake.
23 komponenttia
Esimerkit toimivat testitilassa: mitään ei tallenneta oikealle sivustolle, viestejä ei lähetetä ja maksut ovat testimaksuja.
Otsikko
Lohko heading
Otsikko tasoilla H1–H6. Taso kertoo rakenteen, koko ja tyyli tulevat teemasta.
Asetukset (4)
| Asetus | Muokataan | Oletus |
|---|---|---|
Teksti text | Teksti | Heading |
Otsikkotaso level | Valinta | h2 |
Kohdistus align | Valinta | – |
Kuvake icon | Kuvake | – |
Saavutettavuus
Otsikot noudattavat sivun otsikkotasoja, kuvan vaihtoehtoinen teksti annetaan editorissa, ja värit tulevat teeman arvoista, joiden kontrasti tarkistetaan WCAG AA -tasolle. Ei liikettä eikä ajastettua sisältöä.
Käytössä 91 pohjassa
- Padel-halli
- Tennishalli
- Beach volley -halli
- Jooga- tai pilatesstudio
- Hieronta tai hoitola
- Parturi tai kampaamo
Kaikki 91 pohjaa
- Padel-halli
- Tennishalli
- Beach volley -halli
- Jooga- tai pilatesstudio
- Hieronta tai hoitola
- Parturi tai kampaamo
- Pienhotelli
- Majatalo ja B&B
- Mökki ja huvila
- Elämyspalvelut
- Välinevuokraus
- Verkkokauppa
- Kuntosali
- Personal trainer
- Urheiluseura tai klubi
- Liigajoukkue
- Joukkuelajiseura
- Yksilölajiseura
- Yhdistys
- Vaaliehdokas
- Juhlatila
- Häät
- Ravintola
- Autokorjaamo
- Rengasliike ja rengashotelli
- Autokoulu
- Katsastusasema
- Autopesula
- Vaihtoautoliike
- Kolarikorjaamo
- Autovuokraamo
- Hinauspalvelu
- Taksi
- Maatila ja suoramyynti
- Urheilija
- Kirjailija
- Eräseura
- Kirjailijaseura ja klassikko
- Kurssikeskus ja koulutusyritys
- Pianokoulu ja soitintunnit
- Musiikki- ja tanssikoulu
- Muusikko ja bändi
- Kuvaajan hakemisto
- Sisustusarkkitehti
- Fysioterapia: varaus ensin
- Somevaikuttaja ja sisällöntuottaja
- Liiga tai sarja
- Valokuvaaja
- Kuljetus ja logistiikka
- Sähköasennus
- Putki- ja LVI-liike
- Rakennus- ja remonttiyritys
- Maanrakennus ja infra
- Siivouspalvelu
- Kiinteistöhuolto
- Konsultti ja valmentaja
- Asiantuntijatoimisto
- Suunnittelutoimisto
- Mainos- ja viestintätoimisto
- Lakitoimisto
- Ohjelmistotalo ja konsultointi
- IT-tuki pk-yrityksille
- Henkilöstöpalvelu
- Kiinteistönvälitys
- Tilitoimisto
- Kahvila ja leipomo
- Lounasravintola
- Pizzeria
- Hammaslääkäri
- Fysioterapia ja terapia
- Eläinlääkäri
- Kauneushoitola tai kynsistudio
- Kukkakauppa
- Polkupyöräkauppa
- Lähikauppa ja ruokakauppa
- Vaate- ja kenkäkauppa
- Sisustus- ja lahjakauppa
- Rauta- ja maatalouskauppa
- Erikoisliike
- Taloyhtiö
- Säätiö
- Valmistaja ja tukku
- Maalari, katto, lattia ja puuseppä
- Hoivakoti ja päiväkoti
- Kirpputori
- Nuohooja
- Kortti- ja maksusovellus
- Kiipeilyhalli (A)
- Kiipeilyhalli (B)
- Tilaketju
- Apteekki
Teksti
Lohko text
Lyhyt tekstikappale ilman muotoiluja.
Asetukset (2)
| Asetus | Muokataan | Oletus |
|---|---|---|
Teksti text | Teksti | – |
Kohdistus align | Valinta | – |
Saavutettavuus
Otsikot noudattavat sivun otsikkotasoja, kuvan vaihtoehtoinen teksti annetaan editorissa, ja värit tulevat teeman arvoista, joiden kontrasti tarkistetaan WCAG AA -tasolle. Ei liikettä eikä ajastettua sisältöä.
Käytössä 50 pohjassa
Kaikki 50 pohjaa
- Hieronta tai hoitola
- Parturi tai kampaamo
- Välinevuokraus
- Liigajoukkue
- Vaaliehdokas
- Juhlatila
- Häät
- Autokorjaamo
- Rengasliike ja rengashotelli
- Vaihtoautoliike
- Kolarikorjaamo
- Kirjailija
- Kirjailijaseura ja klassikko
- Kurssikeskus ja koulutusyritys
- Pianokoulu ja soitintunnit
- Musiikki- ja tanssikoulu
- Sisustusarkkitehti
- Fysioterapia: varaus ensin
- Somevaikuttaja ja sisällöntuottaja
- Valokuvaaja
- Sähköasennus
- Putki- ja LVI-liike
- Rakennus- ja remonttiyritys
- Siivouspalvelu
- Kiinteistöhuolto
- Konsultti ja valmentaja
- Asiantuntijatoimisto
- Suunnittelutoimisto
- Mainos- ja viestintätoimisto
- Tilitoimisto
- Hammaslääkäri
- Fysioterapia ja terapia
- Eläinlääkäri
- Kauneushoitola tai kynsistudio
- Kukkakauppa
- Polkupyöräkauppa
- Lähikauppa ja ruokakauppa
- Vaate- ja kenkäkauppa
- Sisustus- ja lahjakauppa
- Rauta- ja maatalouskauppa
- Erikoisliike
- Säätiö
- Valmistaja ja tukku
- Maalari, katto, lattia ja puuseppä
- Kirpputori
- Nuohooja
- Kortti- ja maksusovellus
- Kiipeilyhalli (A)
- Kiipeilyhalli (B)
- Tilaketju
Muotoiltu teksti
Lohko richtext
Muotoiltu teksti: lihavoinnit, linkit, luettelot ja lainaukset.
Asetukset (1)
| Asetus | Muokataan | Oletus |
|---|---|---|
Sisältö html | Muotoiltu teksti | – |
Saavutettavuus
Otsikot noudattavat sivun otsikkotasoja, kuvan vaihtoehtoinen teksti annetaan editorissa, ja värit tulevat teeman arvoista, joiden kontrasti tarkistetaan WCAG AA -tasolle. Ei liikettä eikä ajastettua sisältöä.
Käytössä 73 pohjassa
- Padel-halli
- Tennishalli
- Beach volley -halli
- Jooga- tai pilatesstudio
- Hieronta tai hoitola
- Parturi tai kampaamo
Kaikki 73 pohjaa
- Padel-halli
- Tennishalli
- Beach volley -halli
- Jooga- tai pilatesstudio
- Hieronta tai hoitola
- Parturi tai kampaamo
- Pienhotelli
- Majatalo ja B&B
- Mökki ja huvila
- Välinevuokraus
- Verkkokauppa
- Kuntosali
- Personal trainer
- Urheiluseura tai klubi
- Liigajoukkue
- Joukkuelajiseura
- Yksilölajiseura
- Yhdistys
- Vaaliehdokas
- Häät
- Ravintola
- Autokorjaamo
- Rengasliike ja rengashotelli
- Autokoulu
- Katsastusasema
- Autopesula
- Vaihtoautoliike
- Kolarikorjaamo
- Autovuokraamo
- Hinauspalvelu
- Taksi
- Maatila ja suoramyynti
- Urheilija
- Kirjailija
- Eräseura
- Kirjailijaseura ja klassikko
- Muusikko ja bändi
- Somevaikuttaja ja sisällöntuottaja
- Valokuvaaja
- Kuljetus ja logistiikka
- Sähköasennus
- Putki- ja LVI-liike
- Rakennus- ja remonttiyritys
- Maanrakennus ja infra
- Siivouspalvelu
- Kiinteistöhuolto
- Lakitoimisto
- Ohjelmistotalo ja konsultointi
- IT-tuki pk-yrityksille
- Henkilöstöpalvelu
- Kiinteistönvälitys
- Kahvila ja leipomo
- Lounasravintola
- Pizzeria
- Hammaslääkäri
- Fysioterapia ja terapia
- Eläinlääkäri
- Kauneushoitola tai kynsistudio
- Kukkakauppa
- Polkupyöräkauppa
- Lähikauppa ja ruokakauppa
- Vaate- ja kenkäkauppa
- Sisustus- ja lahjakauppa
- Rauta- ja maatalouskauppa
- Erikoisliike
- Taloyhtiö
- Maalari, katto, lattia ja puuseppä
- Hoivakoti ja päiväkoti
- Kirpputori
- Nuohooja
- Kiipeilyhalli (A)
- Kiipeilyhalli (B)
- Apteekki
Kuva
Lohko image
Kuva vaihtoehtoisine teksteineen, rajauksineen ja suurennuksineen.
Asetukset (15)
| Asetus | Muokataan | Oletus |
|---|---|---|
Kuva src | Kuva | – |
Vaihtoehtoinen teksti alt | Teksti | – |
Kuvateksti caption | Teksti | – |
Osoite url | Linkki | – |
Kuvan leveys (px) width | Luku | – |
Kuvan korkeus (px) height | Luku | – |
Kuvan tehtävät koot widths | Teksti | 480,768,1200,1600 |
Kuvan leveys sivulla sizes | Teksti | 100vw |
Kehys frame | Valinta | – |
Muoto shape | Valinta | – |
Efekti hiiren alla hoverEffect | Valinta | – |
Suurenna klikattaessa zoom | Päällä / pois | – |
Kuvasuhde ratio | Valinta | – |
Rajauksen keskikohta focus | Rajauksen keskikohta | – |
Aihe galleriassa category | Teksti | – |
Saavutettavuus
Jokaisella kuvalla on vaihtoehtoinen teksti tai se on merkitty koristeeksi. Suurennus ja kuvaselain toimivat näppäimistöllä (nuolet, Esc) ja kertovat kohdan (”Kuva 2 / 5”). Vain ensimmäinen näkyvä kuva ladataan heti.
Käytössä 55 pohjassa
- Beach volley -halli
- Hieronta tai hoitola
- Parturi tai kampaamo
- Majatalo ja B&B
- Mökki ja huvila
- Elämyspalvelut
Kaikki 55 pohjaa
- Beach volley -halli
- Hieronta tai hoitola
- Parturi tai kampaamo
- Majatalo ja B&B
- Mökki ja huvila
- Elämyspalvelut
- Välinevuokraus
- Liigajoukkue
- Vaaliehdokas
- Häät
- Ravintola
- Autokorjaamo
- Rengasliike ja rengashotelli
- Autopesula
- Vaihtoautoliike
- Kolarikorjaamo
- Autovuokraamo
- Hinauspalvelu
- Taksi
- Maatila ja suoramyynti
- Urheilija
- Kirjailija
- Kirjailijaseura ja klassikko
- Kurssikeskus ja koulutusyritys
- Pianokoulu ja soitintunnit
- Musiikki- ja tanssikoulu
- Muusikko ja bändi
- Sisustusarkkitehti
- Somevaikuttaja ja sisällöntuottaja
- Valokuvaaja
- Kuljetus ja logistiikka
- Sähköasennus
- Putki- ja LVI-liike
- Rakennus- ja remonttiyritys
- Maanrakennus ja infra
- Siivouspalvelu
- Kiinteistöhuolto
- Konsultti ja valmentaja
- Asiantuntijatoimisto
- Suunnittelutoimisto
- Mainos- ja viestintätoimisto
- Tilitoimisto
- Kahvila ja leipomo
- Pizzeria
- Hammaslääkäri
- Fysioterapia ja terapia
- Eläinlääkäri
- Kauneushoitola tai kynsistudio
- Kukkakauppa
- Polkupyöräkauppa
- Valmistaja ja tukku
- Kirpputori
- Nuohooja
- Tilaketju
- Muotoilu, graafikko ja video
Painike
Lohko button
Painike linkkinä: ensisijainen, toissijainen, reunaviiva, kevyt tai tekstilinkki, halutessa kuvakkeella.
Tyylit (5)
Kaikki tyylit näkyvät esimerkissä rinnakkain: Ensisijainen, Toissijainen, Reunaviiva, Kevyt (ei taustaa), Linkki
Asetukset (10)
| Asetus | Muokataan | Oletus |
|---|---|---|
Teksti label | Teksti | Button |
Osoite url | Linkki | # |
Tyyli variant | Valinta | Ensisijainen |
Taustaväri background | Teeman väri | – |
Tekstin väri color | Teeman väri | – |
Painikkeen koko size | Valinta | – |
Väri tone | Valinta | – |
Kulmat radius | Valinta | – |
Kuvake icon | Kuvake | – |
Kuvakkeen paikka iconPosition | Valinta | – |
Saavutettavuus
Otsikot noudattavat sivun otsikkotasoja, kuvan vaihtoehtoinen teksti annetaan editorissa, ja värit tulevat teeman arvoista, joiden kontrasti tarkistetaan WCAG AA -tasolle. Ei liikettä eikä ajastettua sisältöä.
Käytössä 47 pohjassa
Kaikki 47 pohjaa
- Hieronta tai hoitola
- Parturi tai kampaamo
- Välinevuokraus
- Liigajoukkue
- Vaaliehdokas
- Juhlatila
- Autokorjaamo
- Rengasliike ja rengashotelli
- Vaihtoautoliike
- Kolarikorjaamo
- Urheilija
- Kirjailija
- Kirjailijaseura ja klassikko
- Kurssikeskus ja koulutusyritys
- Pianokoulu ja soitintunnit
- Musiikki- ja tanssikoulu
- Muusikko ja bändi
- Fysioterapia: varaus ensin
- Somevaikuttaja ja sisällöntuottaja
- Valokuvaaja
- Sähköasennus
- Putki- ja LVI-liike
- Rakennus- ja remonttiyritys
- Siivouspalvelu
- Kiinteistöhuolto
- Konsultti ja valmentaja
- Asiantuntijatoimisto
- Suunnittelutoimisto
- Mainos- ja viestintätoimisto
- Tilitoimisto
- Hammaslääkäri
- Fysioterapia ja terapia
- Eläinlääkäri
- Kauneushoitola tai kynsistudio
- Kukkakauppa
- Polkupyöräkauppa
- Lähikauppa ja ruokakauppa
- Vaate- ja kenkäkauppa
- Sisustus- ja lahjakauppa
- Rauta- ja maatalouskauppa
- Erikoisliike
- Valmistaja ja tukku
- Kirpputori
- Nuohooja
- Kiipeilyhalli (A)
- Kiipeilyhalli (B)
- Tilaketju
Painikeryhmä
Lohko buttonGroup
Painikeryhmä: useampi painike rinnakkain samalla tyylillä.
Tyylit (3)
Kaikki tyylit näkyvät esimerkissä rinnakkain: Ensisijainen, Toissijainen, Reunaviiva
Asetukset (4)
| Asetus | Muokataan | Oletus |
|---|---|---|
Kohdat items | Pitkä teksti | Varaa vuoro|/varaa Hinnasto|/hinnasto Yhteystie… |
Ryhmän nimi ruudunlukijalle label | Teksti | – |
Tyyli variant | Valinta | Ensisijainen |
Kohdistus align | Valinta | – |
Saavutettavuus
Otsikot noudattavat sivun otsikkotasoja, kuvan vaihtoehtoinen teksti annetaan editorissa, ja värit tulevat teeman arvoista, joiden kontrasti tarkistetaan WCAG AA -tasolle. Ei liikettä eikä ajastettua sisältöä.
Käytössä 0 pohjassa
Mikään gallerian pohja ei vielä käytä tätä. Sen saa sivulle editorin Lisää osio -kirjastosta.
Väli
Lohko spacer
Tyhjä väli lohkojen väliin, koko teeman välien mukaan.
Asetukset (1)
| Asetus | Muokataan | Oletus |
|---|---|---|
Korkeus (px) height | Luku | 24 |
Saavutettavuus
Otsikot noudattavat sivun otsikkotasoja, kuvan vaihtoehtoinen teksti annetaan editorissa, ja värit tulevat teeman arvoista, joiden kontrasti tarkistetaan WCAG AA -tasolle. Ei liikettä eikä ajastettua sisältöä.
Käytössä 0 pohjassa
Mikään gallerian pohja ei vielä käytä tätä. Sen saa sivulle editorin Lisää osio -kirjastosta.
Viiva
Lohko divider
Vaakaviiva erottamaan sisältöjä.
Asetukset (1)
| Asetus | Muokataan | Oletus |
|---|---|---|
Paksuus (px) thickness | Luku | 1 |
Saavutettavuus
Otsikot noudattavat sivun otsikkotasoja, kuvan vaihtoehtoinen teksti annetaan editorissa, ja värit tulevat teeman arvoista, joiden kontrasti tarkistetaan WCAG AA -tasolle. Ei liikettä eikä ajastettua sisältöä.
Käytössä 0 pohjassa
Mikään gallerian pohja ei vielä käytä tätä. Sen saa sivulle editorin Lisää osio -kirjastosta.
Ryhmä
Lohko container
Ryhmä: kokoaa lohkot yhdeksi laatikoksi omalla taustallaan, reunuksellaan ja asettelullaan.
Asetukset (2)
| Asetus | Muokataan | Oletus |
|---|---|---|
Taustaväri background | Teeman väri | – |
Kehystetty laatikko boxed | Päällä / pois | – |
Saavutettavuus
Otsikot noudattavat sivun otsikkotasoja, kuvan vaihtoehtoinen teksti annetaan editorissa, ja värit tulevat teeman arvoista, joiden kontrasti tarkistetaan WCAG AA -tasolle. Ei liikettä eikä ajastettua sisältöä.
Käytössä 87 pohjassa
- Padel-halli
- Tennishalli
- Beach volley -halli
- Jooga- tai pilatesstudio
- Hieronta tai hoitola
- Parturi tai kampaamo
Kaikki 87 pohjaa
- Padel-halli
- Tennishalli
- Beach volley -halli
- Jooga- tai pilatesstudio
- Hieronta tai hoitola
- Parturi tai kampaamo
- Pienhotelli
- Majatalo ja B&B
- Mökki ja huvila
- Välinevuokraus
- Verkkokauppa
- Kuntosali
- Personal trainer
- Urheiluseura tai klubi
- Liigajoukkue
- Joukkuelajiseura
- Yksilölajiseura
- Yhdistys
- Vaaliehdokas
- Juhlatila
- Häät
- Ravintola
- Autokorjaamo
- Rengasliike ja rengashotelli
- Autokoulu
- Katsastusasema
- Autopesula
- Vaihtoautoliike
- Kolarikorjaamo
- Autovuokraamo
- Hinauspalvelu
- Taksi
- Maatila ja suoramyynti
- Urheilija
- Kirjailija
- Eräseura
- Kirjailijaseura ja klassikko
- Kurssikeskus ja koulutusyritys
- Pianokoulu ja soitintunnit
- Musiikki- ja tanssikoulu
- Muusikko ja bändi
- Fysioterapia: varaus ensin
- Somevaikuttaja ja sisällöntuottaja
- Valokuvaaja
- Kuljetus ja logistiikka
- Sähköasennus
- Putki- ja LVI-liike
- Rakennus- ja remonttiyritys
- Maanrakennus ja infra
- Siivouspalvelu
- Kiinteistöhuolto
- Konsultti ja valmentaja
- Asiantuntijatoimisto
- Suunnittelutoimisto
- Mainos- ja viestintätoimisto
- Lakitoimisto
- Ohjelmistotalo ja konsultointi
- IT-tuki pk-yrityksille
- Henkilöstöpalvelu
- Kiinteistönvälitys
- Tilitoimisto
- Kahvila ja leipomo
- Lounasravintola
- Pizzeria
- Hammaslääkäri
- Fysioterapia ja terapia
- Eläinlääkäri
- Kauneushoitola tai kynsistudio
- Kukkakauppa
- Polkupyöräkauppa
- Lähikauppa ja ruokakauppa
- Vaate- ja kenkäkauppa
- Sisustus- ja lahjakauppa
- Rauta- ja maatalouskauppa
- Erikoisliike
- Taloyhtiö
- Säätiö
- Valmistaja ja tukku
- Maalari, katto, lattia ja puuseppä
- Hoivakoti ja päiväkoti
- Kirpputori
- Nuohooja
- Kortti- ja maksusovellus
- Kiipeilyhalli (A)
- Kiipeilyhalli (B)
- Tilaketju
- Apteekki
Upotus
Lohko embed
Upotus: YouTube, Vimeo, kartta tai sallittu ulkoinen palvelu turvallisesti kehyksessä.
Upotus (YouTube, kartta, lomakepalvelu) näytetään vasta kävijän suostumuksella, joten esimerkki näyttää suostumuspyynnön paikan.
Asetukset (4)
| Asetus | Muokataan | Oletus |
|---|---|---|
Upotuksen osoite url | Linkki | https://www.youtube.com/embed/ |
Otsikko title | Teksti | Video |
Kuvasuhde aspect | Valinta | 16:9 |
Upotuksen korkeus (px) height | Luku | – |
Saavutettavuus
Kartta ladataan vasta pyynnöstä tai suostumuksen jälkeen, ja osoite on aina myös tekstinä linkin kanssa. Kartan voi ohittaa näppäimistöllä.
Käytössä 22 pohjassa
- Padel-halli
- Beach volley -halli
- Jooga- tai pilatesstudio
- Hieronta tai hoitola
- Parturi tai kampaamo
- Välinevuokraus
Kaikki 22 pohjaa
- Padel-halli
- Beach volley -halli
- Jooga- tai pilatesstudio
- Hieronta tai hoitola
- Parturi tai kampaamo
- Välinevuokraus
- Verkkokauppa
- Kuntosali
- Urheiluseura tai klubi
- Liigajoukkue
- Joukkuelajiseura
- Yksilölajiseura
- Yhdistys
- Ravintola
- Eräseura
- Lähikauppa ja ruokakauppa
- Vaate- ja kenkäkauppa
- Sisustus- ja lahjakauppa
- Rauta- ja maatalouskauppa
- Erikoisliike
- Kirpputori
- Kiipeilyhalli (A)
Kartta
Lohko Kokeiltava map
Kartta osoitteella: alustan oma kartta, joka latautuu vasta näkyviin tullessa.
Asetukset (6)
| Asetus | Muokataan | Oletus |
|---|---|---|
Osoite address | Teksti | – |
Otsikko title | Teksti | Kartta |
Kuvasuhde aspect | Valinta | 4:3 |
Karttapalvelu provider | Valinta | – |
Leveysaste lat | Luku | – |
Pituusaste lon | Luku | – |
Saavutettavuus
Kartta ladataan vasta pyynnöstä tai suostumuksen jälkeen, ja osoite on aina myös tekstinä linkin kanssa. Kartan voi ohittaa näppäimistöllä.
Käytössä 51 pohjassa
Kaikki 51 pohjaa
- Tennishalli
- Pienhotelli
- Majatalo ja B&B
- Mökki ja huvila
- Personal trainer
- Juhlatila
- Häät
- Autokorjaamo
- Rengasliike ja rengashotelli
- Autokoulu
- Katsastusasema
- Autopesula
- Vaihtoautoliike
- Kolarikorjaamo
- Autovuokraamo
- Hinauspalvelu
- Taksi
- Maatila ja suoramyynti
- Fysioterapia: varaus ensin
- Valokuvaaja
- Kuljetus ja logistiikka
- Sähköasennus
- Putki- ja LVI-liike
- Rakennus- ja remonttiyritys
- Maanrakennus ja infra
- Siivouspalvelu
- Kiinteistöhuolto
- Lakitoimisto
- Ohjelmistotalo ja konsultointi
- IT-tuki pk-yrityksille
- Henkilöstöpalvelu
- Kiinteistönvälitys
- Kahvila ja leipomo
- Lounasravintola
- Pizzeria
- Hammaslääkäri
- Fysioterapia ja terapia
- Eläinlääkäri
- Kauneushoitola tai kynsistudio
- Kukkakauppa
- Polkupyöräkauppa
- Lähikauppa ja ruokakauppa
- Vaate- ja kenkäkauppa
- Sisustus- ja lahjakauppa
- Rauta- ja maatalouskauppa
- Erikoisliike
- Maalari, katto, lattia ja puuseppä
- Hoivakoti ja päiväkoti
- Nuohooja
- Kiipeilyhalli (A)
- Apteekki
Video
Lohko Kokeiltava video
Video: oma tiedosto tai YouTube/Vimeo, kansikuvalla ja tekstityksillä.
Asetukset (11)
| Asetus | Muokataan | Oletus |
|---|---|---|
Videotiedoston osoite src | Linkki | – |
WebM-versio (valinnainen) srcWebm | Linkki | – |
Esikatselukuva poster | Kuva | – |
Kuvateksti caption | Teksti | – |
Automaattinen toisto (mykistetty) autoplay | Päällä / pois | – |
Toista vain, kun video näkyy playInView | Päällä / pois | – |
Toista jatkuvasti loop | Päällä / pois | – |
Näytä säätimet controls | Päällä / pois | true |
Näyttötapa display | Valinta | – |
Toistopainikkeen teksti buttonLabel | Teksti | – |
Kehys frame | Valinta | – |
Saavutettavuus
Jokaisella kuvalla on vaihtoehtoinen teksti tai se on merkitty koristeeksi. Suurennus ja kuvaselain toimivat näppäimistöllä (nuolet, Esc) ja kertovat kohdan (”Kuva 2 / 5”). Vain ensimmäinen näkyvä kuva ladataan heti.
Käytössä 4 pohjassa
Galleria
Lohko Kokeiltava gallery
Galleria lohkona: kuvaruudukko osan levyisenä, suurennettavin kuvin.
Asetukset (3)
| Asetus | Muokataan | Oletus |
|---|---|---|
Asettelu layout | Valinta | – |
Sarakkeet columns | Luku | 3 |
Kuvateksti caption | Teksti | – |
Saavutettavuus
Jokaisella kuvalla on vaihtoehtoinen teksti tai se on merkitty koristeeksi. Suurennus ja kuvaselain toimivat näppäimistöllä (nuolet, Esc) ja kertovat kohdan (”Kuva 2 / 5”). Vain ensimmäinen näkyvä kuva ladataan heti.
Käytössä 0 pohjassa
Mikään gallerian pohja ei vielä käytä tätä. Sen saa sivulle editorin Lisää osio -kirjastosta.
Äänitiedosto
Lohko Kokeiltava audio
Äänitiedosto soittimella: näyte, podcast tai ääniopas.
Asetukset (3)
| Asetus | Muokataan | Oletus |
|---|---|---|
Otsikko title | Teksti | Kuuntele näyte |
Äänitiedosto src | Linkki | – |
Kuvateksti caption | Teksti | – |
Saavutettavuus
Jokaisella kuvalla on vaihtoehtoinen teksti tai se on merkitty koristeeksi. Suurennus ja kuvaselain toimivat näppäimistöllä (nuolet, Esc) ja kertovat kohdan (”Kuva 2 / 5”). Vain ensimmäinen näkyvä kuva ladataan heti.
Käytössä 2 pohjassa
Lomake
Lohko Kokeiltava form
Lomake lohkona: sama lomake kuin lomakeosiossa, palstan sisällä.
Asetukset (1)
| Asetus | Muokataan | Oletus |
|---|---|---|
Lomake formId | Lomake | – |
Saavutettavuus
Jokaisella kentällä on näkyvä nimi, pakollisuus kerrotaan tekstinä, virheet luetaan ruudunlukijalle ja vievät kenttään, ja autocomplete täyttää tutut tiedot. Kosketusalueet ovat vähintään 44 px.
Käytössä 0 pohjassa
Mikään gallerian pohja ei vielä käytä tätä. Sen saa sivulle editorin Lisää osio -kirjastosta.
Sosiaalisen median linkit
Lohko socialLinks
Sosiaalisen median linkit kuvakkeina tai tekstinä.
Asetukset (6)
| Asetus | Muokataan | Oletus |
|---|---|---|
Facebook facebook | Linkki | – |
Instagram instagram | Linkki | – |
X (Twitter) x | Linkki | – |
LinkedIn linkedin | Linkki | – |
YouTube youtube | Linkki | – |
TikTok tiktok | Linkki | – |
Saavutettavuus
Navigaatio on nimetty maamerkki, nykyinen sivu merkitään aria-current-tiedolla, valikkopainikkeella on tila (aria-expanded) ja ohituslinkki vie sisältöön. Kaikki toimii näppäimistöllä ja 390 px:n näytöllä ilman vaakavieritystä.
Käytössä 7 pohjassa
Sovelluskaupat
Lohko appBadges
Sovelluskaupat: sovelluksen App Store-, Google Play- ja Microsoft Store -linkit kauppojen merkkeinä kävijän kielellä; omistaja vie viralliset merkit, ilman niitä painikkeet.
Asetukset (14)
| Asetus | Muokataan | Oletus |
|---|---|---|
App Store -osoite appStoreUrl | Linkki | – |
Google Play -osoite googlePlayUrl | Linkki | – |
Microsoft Store -osoite microsoftStoreUrl | Linkki | – |
Selainversion osoite webAppUrl | Linkki | – |
App Store -merkin kuva appStoreImage | Kuva | – |
Google Play -merkin kuva googlePlayImage | Kuva | – |
Microsoft Store -merkin kuva microsoftStoreImage | Kuva | – |
Asettelu layout | Valinta | Rivissä |
Tasaus align | Valinta | Alkuun |
Koko size | Valinta | Tavallinen |
Näytä QR-koodi qr | Päällä / pois | – |
QR-koodin osoite qrUrl | Linkki | – |
Teksti koodin alla qrCaption | Teksti | – |
QR-koodi näkyy qrShow | Valinta | – |
Saavutettavuus
Navigaatio on nimetty maamerkki, nykyinen sivu merkitään aria-current-tiedolla, valikkopainikkeella on tila (aria-expanded) ja ohituslinkki vie sisältöön. Kaikki toimii näppäimistöllä ja 390 px:n näytöllä ilman vaakavieritystä.
Käytössä 1 pohjassa
Ladattavat tiedostot
Lohko downloads
Ladattavat tiedostot listana: nimi, tyyppi ja koko.
Asetukset (2)
| Asetus | Muokataan | Oletus |
|---|---|---|
Otsikko title | Teksti | – |
Kohdat items | Pitkä teksti | Lehdistökuva, vaaka|/media/lehdistokuva-vaaka.j… |
Saavutettavuus
Taulukoilla on otsikkosolut ja kuvateksti, listat ovat oikeita listoja ja päivämäärät luettavassa muodossa. Kaavion luvut ovat myös tekstinä.
Koodilohko
Lohko code
Koodilohko: esimerkkikoodi tasalevyisellä fontilla ja kopiointipainikkeella.
Asetukset (4)
| Asetus | Muokataan | Oletus |
|---|---|---|
Koodi tai teksti sellaisenaan code | Pitkä teksti | npm install npm run dev |
Otsikko (esim. tiedoston nimi) title | Teksti | Asennus |
Näytä Kopioi-painike copy | Päällä / pois | true |
Rivitä pitkät rivit wrap | Päällä / pois | false |
Saavutettavuus
Otsikot noudattavat sivun otsikkotasoja, kuvan vaihtoehtoinen teksti annetaan editorissa, ja värit tulevat teeman arvoista, joiden kontrasti tarkistetaan WCAG AA -tasolle. Ei liikettä eikä ajastettua sisältöä.
Käytössä 0 pohjassa
Mikään gallerian pohja ei vielä käytä tätä. Sen saa sivulle editorin Lisää osio -kirjastosta.
QR-koodi
Lohko qrCode
QR-koodi osoitteeseen, esimerkiksi tulostettavaan julisteeseen.
Asetukset (6)
| Asetus | Muokataan | Oletus |
|---|---|---|
Koodi avaa target | Valinta | Tämän sivun |
Osoite url | Linkki | – |
Teksti koodin alla label | Teksti | – |
Näytä osoite tekstinä showUrl | Päällä / pois | true |
Koko size | Valinta | Keskikokoinen |
Lataa tulostettavaksi -linkit (SVG ja PNG) download | Päällä / pois | true |
Saavutettavuus
Jokaisella kuvalla on vaihtoehtoinen teksti tai se on merkitty koristeeksi. Suurennus ja kuvaselain toimivat näppäimistöllä (nuolet, Esc) ja kertovat kohdan (”Kuva 2 / 5”). Vain ensimmäinen näkyvä kuva ladataan heti.
Käytössä 1 pohjassa
Sisällysluettelo
Lohko toc
Sisällysluettelo, joka kokoaa sivun otsikot linkeiksi.
Asetukset (3)
| Asetus | Muokataan | Oletus |
|---|---|---|
Otsikko title | Teksti | Sisällys |
Mukaan otettavat otsikot depth | Valinta | Vain pääotsikot (H2) |
Pysyy näkyvissä vieritettäessä (leveä näyttö) sticky | Päällä / pois | false |
Saavutettavuus
Navigaatio on nimetty maamerkki, nykyinen sivu merkitään aria-current-tiedolla, valikkopainikkeella on tila (aria-expanded) ja ohituslinkki vie sisältöön. Kaikki toimii näppäimistöllä ja 390 px:n näytöllä ilman vaakavieritystä.
Käytössä 0 pohjassa
Mikään gallerian pohja ei vielä käytä tätä. Sen saa sivulle editorin Lisää osio -kirjastosta.
Linkkilista
Lohko listGroup
Linkkilista: allekkaiset linkit selitteineen, esimerkiksi ohjeet tai palvelut.
Tyylit (2)
Kaikki tyylit näkyvät esimerkissä rinnakkain: Lista reunaviivoin, Iso hakemisto (alleviivatut linkit)
Asetukset (2)
| Asetus | Muokataan | Oletus |
|---|---|---|
Kohdat items | Pitkä teksti | Hinnasto|/hinnasto|alk. 20 €/h Aukioloajat|/auk… |
Tyyli variant | Valinta | – |
Saavutettavuus
Otsikot noudattavat sivun otsikkotasoja, kuvan vaihtoehtoinen teksti annetaan editorissa, ja värit tulevat teeman arvoista, joiden kontrasti tarkistetaan WCAG AA -tasolle. Ei liikettä eikä ajastettua sisältöä.