Komponentit· Osioiden kohteet
Osioiden kohteet
Lohkot, jotka elävät tietyn osion sisällä: haitarin kohta, välilehti, dia, hinnoittelukortti, palaute ja tiimin jäsen.
21 komponenttia
Esimerkit toimivat testitilassa: mitään ei tallenneta oikealle sivustolle, viestejä ei lähetetä ja maksut ovat testimaksuja.
Haitarin kohta
Lohko Kokeiltava accordionItem
Haitarin kohta: otsikko ja sen alta avautuva sisältö haitariosiossa.
Asetukset (3)
| Asetus | Muokataan | Oletus |
|---|---|---|
Otsikko heading | Teksti | Otsikko |
Sisältö content | Muotoiltu teksti | Lyhyt sisältö. |
Kuvake icon | Kuvake | – |
Saavutettavuus
Avautuva sisältö on painike, jolla on nimi ja tila (aria-expanded tai valittu välilehti). Toimii näppäimistöllä: Tab siirtää, Enter ja välilyönti avaavat, Esc sulkee avautuvan. Sisältö on luettavissa myös ilman JavaScriptiä.
Käytössä 90 pohjassa
- Padel-halli
- Tennishalli
- Beach volley -halli
- Jooga- tai pilatesstudio
- Hieronta tai hoitola
- Parturi tai kampaamo
Kaikki 90 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
- 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ö
- Valmistaja ja tukku
- Maalari, katto, lattia ja puuseppä
- Hoivakoti ja päiväkoti
- Kirpputori
- Nuohooja
- Kortti- ja maksusovellus
- Kiipeilyhalli (A)
- Kiipeilyhalli (B)
- Tilaketju
- Apteekki
- Muotoilu, graafikko ja video
- Kääntäjä ja käännöstoimisto
- Vakuutusasiamies
Muistilistan tehtävä
Lohko Kokeiltava dateChecklistTask
Muistilistan tehtävä: yksi tehtävä ja sen ajankohta suhteessa valittuun päivään. Tehtävät ovat muistilistan sisällä.
Asetukset (13)
| Asetus | Muokataan | Oletus |
|---|---|---|
Tehtävä title | Teksti | Uusi tehtävä |
Lista phase | Valinta | Ennen päivää |
Aikaisintaan, päiviä earliestDays | Luku | – |
Viimeistään, päiviä latestDays | Luku | – |
Ajankohdan peruste deadlineKind | Valinta | Suositus |
Ajankohta sanoin timing | Teksti | – |
Näytä vain, kun when | Teksti | – |
Sisältö details | Muotoiltu teksti | – |
Linkin teksti linkLabel | Teksti | – |
Linkki linkUrl | Linkki | – |
Lähde sourceName | Teksti | – |
Lähteen osoite sourceUrl | Linkki | – |
Tarkistettu reviewedAt | Teksti | – |
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.
Välilehti
Lohko Kokeiltava tabItem
Välilehti: välilehtiosion yksi välilehti otsikkoineen ja sisältöineen.
Asetukset (7)
| Asetus | Muokataan | Oletus |
|---|---|---|
Välilehden otsikko title | Teksti | Välilehti |
Välilehden sisältö body | Muotoiltu teksti | Sisältö. |
Kuvake icon | Kuvake | – |
Tunniste (esim. Lisäosa) tag | Teksti | – |
Kuva image | Kuva | – |
Vaihtoehtoinen teksti imageAlt | Teksti | – |
Viikonpäivä weekday | Valinta | – |
Saavutettavuus
Avautuva sisältö on painike, jolla on nimi ja tila (aria-expanded tai valittu välilehti). Toimii näppäimistöllä: Tab siirtää, Enter ja välilyönti avaavat, Esc sulkee avautuvan. Sisältö on luettavissa myös ilman JavaScriptiä.
Karusellikuva
Lohko Kokeiltava carouselSlide
Karusellikuva: yksi dia kuvineen, otsikkoineen ja painikkeineen.
Asetukset (8)
| Asetus | Muokataan | Oletus |
|---|---|---|
Otsikko heading | Teksti | Kohde |
Teksti text | Pitkä teksti | – |
Kuva image | Kuva | – |
Vaihtoehtoinen teksti imageAlt | Teksti | – |
Painikkeen linkki url | Linkki | # |
Painikkeen teksti buttonLabel | Teksti | – |
Kuvan tehtävät koot imageWidths | Teksti | 800,1200,1600 |
Kuvan leveys sivulla imageSizes | Teksti | 100vw |
Saavutettavuus
Ei automaattista liikettä oletuksena. Jos omistaja kytkee liikkeen päälle, Tauko-painike on ensimmäinen ohjain ja prefers-reduced-motion pysäyttää liikkeen aina (WCAG 2.2.2). Ohjaimilla on suomenkieliset nimet.
Käytössä 0 pohjassa
Mikään gallerian pohja ei vielä käytä tätä. Sen saa sivulle editorin Lisää osio -kirjastosta.
Kuvakelaatikko
Lohko iconBoxItem
Kuvakelaatikko: kuvake, otsikko ja teksti kuvakelaatikot-osiossa.
Asetukset (5)
| Asetus | Muokataan | Oletus |
|---|---|---|
Kuvake icon | Kuvake | Tähti |
Otsikko title | Teksti | Otsikko |
Sisältö body | Muotoiltu teksti | Kuvaus. |
Linkki link | Linkki | – |
Linkin teksti linkLabel | 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ä 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
- 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
- Muotoilu, graafikko ja video
- Kääntäjä ja käännöstoimisto
- Vakuutusasiamies
Hintasuunnitelma
Lohko pricingPlan
Hintasuunnitelma: yksi hinnoittelukortti nimineen, hintoineen ja sisältöineen.
Asetukset (11)
| Asetus | Muokataan | Oletus |
|---|---|---|
Paketin nimi name | Teksti | Paketti |
Hinta price | Teksti | 0 € |
Jakso period | Teksti | – |
Ominaisuudet features | Muotoiltu teksti | Ominaisuudet. |
Painikkeen teksti ctaLabel | Teksti | – |
Painikkeen linkki ctaUrl | Linkki | – |
Korostettu highlighted | Päällä / pois | false |
Suositusmerkin teksti featuredLabel | Teksti | – |
Vuosihinta yearlyPrice | Teksti | – |
Vuosihinnan jakso yearlyPeriod | Teksti | – |
Vuosihinnan lisätieto yearlyNote | 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ä 65 pohjassa
- Padel-halli
- Tennishalli
- Beach volley -halli
- Jooga- tai pilatesstudio
- Hieronta tai hoitola
- Parturi tai kampaamo
Kaikki 65 pohjaa
- Padel-halli
- Tennishalli
- Beach volley -halli
- Jooga- tai pilatesstudio
- Hieronta tai hoitola
- Parturi tai kampaamo
- Pienhotelli
- Välinevuokraus
- Kuntosali
- Personal trainer
- Urheiluseura tai klubi
- Liigajoukkue
- Yhdistys
- Juhlatila
- Ravintola
- Autokorjaamo
- Rengasliike ja rengashotelli
- Autokoulu
- Katsastusasema
- Autopesula
- 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
- Somevaikuttaja ja sisällöntuottaja
- Liiga tai sarja
- Valokuvaaja
- Sähköasennus
- Putki- ja LVI-liike
- Rakennus- ja remonttiyritys
- Siivouspalvelu
- Kiinteistöhuolto
- Konsultti ja valmentaja
- Lakitoimisto
- Ohjelmistotalo ja konsultointi
- IT-tuki pk-yrityksille
- Kiinteistönvälitys
- Tilitoimisto
- Kahvila ja leipomo
- Lounasravintola
- Hammaslääkäri
- Fysioterapia ja terapia
- Eläinlääkäri
- Kauneushoitola tai kynsistudio
- Kukkakauppa
- Polkupyöräkauppa
- Maalari, katto, lattia ja puuseppä
- Hoivakoti ja päiväkoti
- Kirpputori
- Nuohooja
- Kortti- ja maksusovellus
- Kiipeilyhalli (A)
- Tilaketju
- Apteekki
- Muotoilu, graafikko ja video
- Kääntäjä ja käännöstoimisto
Logo
Lohko logoItem
Logo: yksi logo logot-osiossa, halutessa linkkinä.
Asetukset (3)
| Asetus | Muokataan | Oletus |
|---|---|---|
Logon kuva image | Kuva | – |
Nimi (näkyy, jos kuvaa ei ole) name | Teksti | Kumppani |
Linkki url | Linkki | – |
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ä 23 pohjassa
Kaikki 23 pohjaa
- Padel-halli
- Verkkokauppa
- Urheiluseura tai klubi
- Liigajoukkue
- Joukkuelajiseura
- Yksilölajiseura
- Yhdistys
- Rengasliike ja rengashotelli
- Urheilija
- Somevaikuttaja ja sisällöntuottaja
- Liiga tai sarja
- Kuljetus ja logistiikka
- Maanrakennus ja infra
- Ohjelmistotalo ja konsultointi
- IT-tuki pk-yrityksille
- Henkilöstöpalvelu
- Tilitoimisto
- Lähikauppa ja ruokakauppa
- Vaate- ja kenkäkauppa
- Sisustus- ja lahjakauppa
- Rauta- ja maatalouskauppa
- Erikoisliike
- Muotoilu, graafikko ja video
Ruutu
Lohko bentoItem
Ruutu: yksi bento-ruudukon ruutu koon, taustan ja linkin kanssa.
Tyylit (7)
Kaikki tyylit näkyvät esimerkissä rinnakkain: Kortti, Korostusväri, Kuva taustana, Tumma, Minttu, Taivaansininen, Aurinkoinen keltainen
Asetukset (8)
| Asetus | Muokataan | Oletus |
|---|---|---|
Kuvake icon | Kuvake | – |
Otsikko title | Teksti | Otsikko |
Sisältö body | Muotoiltu teksti | Kuvaus. |
Kuva image | Kuva | – |
Vaihtoehtoinen teksti imageAlt | Teksti | – |
Linkki url | Linkki | – |
Ruudun koko span | Valinta | Pieni |
Tyyli style | Valinta | Kortti |
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ä 1 pohjassa
Kuva–teksti-rivi
Lohko featureRow
Kuva–teksti-rivi: yksi rivi kuva ja teksti vuorotellen -osiossa.
Asetukset (12)
| Asetus | Muokataan | Oletus |
|---|---|---|
Kuva image | Kuva | – |
Vaihtoehtoinen teksti imageAlt | Teksti | – |
Yläotsikko eyebrow | Teksti | – |
Otsikko title | Teksti | Otsikko |
Sisältö body | Muotoiltu teksti | Kuvaus. |
Linkin teksti linkLabel | Teksti | – |
Linkki linkUrl | Linkki | – |
Suurenna klikattaessa zoom | Päällä / pois | – |
Videotiedoston osoite video | Linkki | – |
Automaattinen toisto (mykistetty) videoAutoplay | Päällä / pois | – |
Toista vain, kun video näkyy playInView | Päällä / pois | – |
Kehys frame | 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ä 70 pohjassa
Kaikki 70 pohjaa
- Padel-halli
- Tennishalli
- Beach volley -halli
- Jooga- tai pilatesstudio
- Pienhotelli
- Majatalo ja B&B
- Mökki ja huvila
- Elämyspalvelut
- Välinevuokraus
- Verkkokauppa
- Personal trainer
- Urheiluseura tai klubi
- Liigajoukkue
- Yhdistys
- Vaaliehdokas
- Häät
- Ravintola
- Autokorjaamo
- Rengasliike ja rengashotelli
- Autokoulu
- Katsastusasema
- Autopesula
- Vaihtoautoliike
- Kolarikorjaamo
- Autovuokraamo
- Hinauspalvelu
- Taksi
- Maatila ja suoramyynti
- Urheilija
- Kirjailija
- Eräseura
- Pianokoulu ja soitintunnit
- Musiikki- ja tanssikoulu
- Somevaikuttaja ja sisällöntuottaja
- Valokuvaaja
- Kuljetus ja logistiikka
- Sähköasennus
- Rakennus- ja remonttiyritys
- Maanrakennus ja infra
- 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
- Fysioterapia ja terapia
- Kauneushoitola tai kynsistudio
- 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ä
- Kirpputori
- Kortti- ja maksusovellus
- Kiipeilyhalli (A)
- Tilaketju
- Apteekki
- Muotoilu, graafikko ja video
- Kääntäjä ja käännöstoimisto
- Vakuutusasiamies
Palaute
Lohko testimonialItem
Palaute: yhden asiakkaan sitaatti, nimi, rooli, kuva ja tähdet.
Asetukset (5)
| Asetus | Muokataan | Oletus |
|---|---|---|
Palaute quote | Pitkä teksti | Kirjoita asiakkaan palaute tähän. |
Nimi name | Teksti | Asiakas |
Rooli tai titteli role | Teksti | – |
Kuva image | Kuva | – |
Tähdet (0–5) rating | Luku | 5 |
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ä 65 pohjassa
- Padel-halli
- Beach volley -halli
- Jooga- tai pilatesstudio
- Hieronta tai hoitola
- Parturi tai kampaamo
- Pienhotelli
Kaikki 65 pohjaa
- Padel-halli
- 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
- Vaaliehdokas
- Ravintola
- Autokorjaamo
- Rengasliike ja rengashotelli
- Autokoulu
- Katsastusasema
- Autopesula
- Vaihtoautoliike
- Kolarikorjaamo
- Autovuokraamo
- Hinauspalvelu
- Kirjailija
- Kurssikeskus ja koulutusyritys
- Pianokoulu ja soitintunnit
- Musiikki- ja tanssikoulu
- Muusikko ja bändi
- Valokuvaaja
- Kuljetus ja logistiikka
- Sähköasennus
- Putki- ja LVI-liike
- Rakennus- ja remonttiyritys
- Maanrakennus ja infra
- Siivouspalvelu
- Konsultti ja valmentaja
- Asiantuntijatoimisto
- Suunnittelutoimisto
- Mainos- ja viestintätoimisto
- Ohjelmistotalo ja konsultointi
- IT-tuki pk-yrityksille
- Henkilöstöpalvelu
- Kiinteistönvälitys
- Tilitoimisto
- Kahvila ja leipomo
- Pizzeria
- Hammaslääkäri
- 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
- Maalari, katto, lattia ja puuseppä
- Kirpputori
- Nuohooja
- Tilaketju
- Muotoilu, graafikko ja video
- Kääntäjä ja käännöstoimisto
- Vakuutusasiamies
Henkilö
Lohko teamMember
Henkilö: kuva, nimi, rooli ja yhteystiedot tiimiosiossa.
Asetukset (10)
| Asetus | Muokataan | Oletus |
|---|---|---|
Kuva image | Kuva | – |
Nimi name | Teksti | Etunimi Sukunimi |
Rooli tai titteli role | Teksti | Tehtävänimike |
Esittely bio | Pitkä teksti | – |
Sähköposti email | Teksti | – |
Puhelin phone | Teksti | – |
Kielet languages | Teksti | – |
Erityisosaaminen (pilkulla erotettuna) specialities | Teksti | – |
Varauslinkki bookingUrl | Linkki | – |
Varauspainikkeen teksti bookingLabel | 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ä 45 pohjassa
- Padel-halli
- Tennishalli
- Jooga- tai pilatesstudio
- Hieronta tai hoitola
- Parturi tai kampaamo
- Välinevuokraus
Kaikki 45 pohjaa
- Padel-halli
- Tennishalli
- Jooga- tai pilatesstudio
- Hieronta tai hoitola
- Parturi tai kampaamo
- Välinevuokraus
- Verkkokauppa
- Kuntosali
- Urheiluseura tai klubi
- Liigajoukkue
- Yksilölajiseura
- Yhdistys
- Häät
- Ravintola
- Autokorjaamo
- Autokoulu
- Vaihtoautoliike
- Hinauspalvelu
- Eräseura
- Kurssikeskus ja koulutusyritys
- Pianokoulu ja soitintunnit
- Musiikki- ja tanssikoulu
- Kuljetus ja logistiikka
- Maanrakennus ja infra
- Asiantuntijatoimisto
- Suunnittelutoimisto
- Mainos- ja viestintätoimisto
- Lakitoimisto
- Ohjelmistotalo ja konsultointi
- IT-tuki pk-yrityksille
- Henkilöstöpalvelu
- Kiinteistönvälitys
- Tilitoimisto
- Hammaslääkäri
- Fysioterapia ja terapia
- Eläinlääkäri
- Kauneushoitola tai kynsistudio
- Polkupyöräkauppa
- Taloyhtiö
- Säätiö
- Hoivakoti ja päiväkoti
- Apteekki
- Muotoilu, graafikko ja video
- Kääntäjä ja käännöstoimisto
- Vakuutusasiamies
Luottamusmerkki
Lohko trustBadge
Luottamusmerkki: yksi sertifikaatti tai jäsenyys kuvineen.
Asetukset (6)
| Asetus | Muokataan | Oletus |
|---|---|---|
Merkki kind | Valinta | Luotettava Kumppani |
Oma nimi label | Teksti | – |
Tarkenne detail | Teksti | – |
Tarkistuslinkki verifyUrl | Linkki | – |
Oma kuva image | Kuva | – |
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ä 11 pohjassa
Korttipinon kortti
Lohko Kokeiltava cardStackItem
Korttipinon kortti: kuvake ja lyhyt teksti.
Asetukset (2)
| Asetus | Muokataan | Oletus |
|---|---|---|
Kuvake icon | Kuvake | Valintamerkki |
Teksti text | Teksti | Kortin teksti |
Saavutettavuus
Ei automaattista liikettä oletuksena. Jos omistaja kytkee liikkeen päälle, Tauko-painike on ensimmäinen ohjain ja prefers-reduced-motion pysäyttää liikkeen aina (WCAG 2.2.2). Ohjaimilla on suomenkieliset nimet.
Käytössä 0 pohjassa
Mikään gallerian pohja ei vielä käytä tätä. Sen saa sivulle editorin Lisää osio -kirjastosta.
Esittelykortti
Lohko Kokeiltava showcaseItem
Esittelykortti: kuva, nimi, lyhyt teksti ja kaksi painiketta.
Asetukset (8)
| Asetus | Muokataan | Oletus |
|---|---|---|
Kuva image | Kuva | – |
Vaihtoehtoinen teksti imageAlt | Teksti | – |
Otsikko title | Teksti | Kohde |
Teksti text | Pitkä teksti | – |
Painikkeen linkki url | Linkki | # |
Painikkeen teksti buttonLabel | Teksti | Katso |
Toisen painikkeen linkki url2 | Linkki | – |
Toisen painikkeen teksti button2Label | 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.
Väite
Lohko Kokeiltava vaalikoneStatement
Väite: vaalikoneen yksi väite ja ehdokkaan vastaus perusteluineen.
Asetukset (4)
| Asetus | Muokataan | Oletus |
|---|---|---|
Väite text | Teksti | Uusi väite |
Oma vastaukseni answer | Valinta | Kyllä |
Tärkeys minulle weight | Valinta | Tavallinen |
Miksi vastasin näin why | Pitkä teksti | – |
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ä 1 pohjassa
Toimipiste
Lohko location
Toimipiste: yhden paikan osoite, aukioloajat ja yhteystiedot.
Asetukset (8)
| Asetus | Muokataan | Oletus |
|---|---|---|
Toimipisteen nimi name | Teksti | Toimipiste |
Osoite address | Teksti | – |
Aukioloajat hours | Pitkä teksti | – |
Puhelin phone | Teksti | – |
Varaussivu bookingUrl | Linkki | – |
Painikkeen teksti bookingLabel | Teksti | – |
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ä 1 pohjassa
Yhteysaihe
Lohko contactTopic
Yhteysaihe: aiheen nimi, henkilö tai tiimi, puhelin- ja sähköpostilinkit, palveluajat ja lomakelinkki.
Asetukset (9)
| Asetus | Muokataan | Oletus |
|---|---|---|
Aihe topic | Teksti | Aihe |
Mitä asioita aihe koskee note | Pitkä teksti | – |
Henkilö tai tiimi name | Teksti | – |
Rooli tai titteli role | Teksti | – |
Puhelin phone | Teksti | – |
Sähköposti email | Teksti | – |
Palveluajat hours | Pitkä teksti | – |
Lomakkeen osoite formUrl | Linkki | – |
Painikkeen teksti formLabel | 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ä 1 pohjassa
Kohta
Lohko Kokeiltava hotspot
Kohta: yksi kuvaan merkitty piste selityksineen.
Asetukset (6)
| Asetus | Muokataan | Oletus |
|---|---|---|
Kohdan nimi label | Teksti | Kohta |
Teksti body | Pitkä teksti | – |
Vaakasijainti (%) x | Luku | 50 |
Pystysijainti (%) y | Luku | 50 |
Painikkeen linkki linkUrl | Linkki | – |
Linkin teksti linkLabel | 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.
360°-kuva
Lohko Kokeiltava panoramaScene
360°-kuva: yksi kierroksen kohtaus ja sen siirtymät muihin.
Asetukset (3)
| Asetus | Muokataan | Oletus |
|---|---|---|
360°-kuva src | Linkki | – |
Kohteen nimi title | Teksti | – |
Aloitussuunta (astetta) yaw | Luku | – |
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ä 5 pohjassa
Sarjalinkki (tulospalvelu)
Lohko leagueLink
Sarjalinkki: painike sarjan tulospalveluun (esim. Torneopal).
Asetukset (7)
| Asetus | Muokataan | Oletus |
|---|---|---|
Teksti label | Teksti | Sarjataulukko ja tulokset |
Tulospalvelu sport | Valinta | Lentopallo (tulospalvelu.lentopallo.fi) |
Sarjan tunnus category | Teksti | ML |
Kausi season | Teksti | vb2025a |
Lohko group | Luku | 1 |
Osoite url | Linkki | – |
Avaa uuteen välilehteen newTab | Päällä / pois | true |
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.
Ulkoinen palvelu (painike)
Lohko externalService
Ulkoinen palvelu: painike kumppanin palveluun logoineen.
Tyylit (2)
Kaikki tyylit näkyvät esimerkissä rinnakkain: Ensisijainen, Toissijainen
Asetukset (7)
| Asetus | Muokataan | Oletus |
|---|---|---|
Palvelu service | Valinta | MyClub |
Kenelle painike on role | Valinta | – |
Teksti label | Teksti | – |
Osoite url | Linkki | – |
Tyyli variant | Valinta | Ensisijainen |
Näytä palvelun nimi painikkeen alla showNote | Päällä / pois | true |
Avaa uuteen välilehteen newTab | Päällä / pois | true |
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ä.