Tällä sivulla esitetään Hyggen yleisimpien komponenttien ulkoasut. Laajan kokoelman komponentteja löydät sivulta https://test.verkko.stat.fi/fi/tietoa-meista/testisivut/jonin-testisivu.
Tämä teksti on sivun ensimmäisessä sisältökentässä. Tämä ei ole mikään komponentti, vaan jokaisen sivun perussisältökenttä. Jos sivulle ei tarvita muuta kuin otsikoita, tekstiä ja tavallisia linkkejä, voit laittaa kaiken sisällön tähän.
Tämä sisältö on kirjoitettu komponenttiin Tavallinen sisältökenttä.
Linkkikomponentti "Korostettu linkki" voi olla linkki minne tahansa omille sivuille tai muiden sivuille. Jos teet linkin Tilastokeskuksen verkkosivuille, käytä mielellään ns. katkaistua linkkiä, eli ota linkkiin mukaan se, mikä tulee osuuden https://stat.fi jälkeen.
Esimerkiksi tämä linkki
https://stat.fi/fi/tietoa-meista/tutustu-tilastokeskukseen
on katkaistussa muodossa
/fi/tietoa-meista/tutustu-tilastokeskukseen
Korostettu linkkikokoelma esittää linkkejä ryhmänä. Linkit voi näyttää valkoisella pohjalla, sinisellä pohjalla tai puuterinvärisellä pohjalla. Myös otsikko ja tämä kuvausteksti näytetään samanvärisellä taustalla.
Komponenttia käytetään sinisellä pohjalla etenkin sivun lopun "Tutustu myös" - ja "Lue lisää" -tyyppisissä linkkikokoelmissa. Normaalin tekstin välissä kannattaa ennemmin käyttää linkkejä valkoisella pohjalla.
Jos linkkitekstit ovat lyhyitä, niitä tulee linkkikokoelmaan kaksi rinnakkain. Pitkät linkkitekstit näytetään allekkain.
Linkkivaihtoehdot:
- sisältösivulinkki: linkki Hyggessä olevalle verkkosivulle, valitaan sivujen joukosta
- korostettu linkki: mikä tahansa linkki minne tahansa
- sivuston yleinen linkki: koskee muutamia yleisiä ja tärkeitä Hygge-sivuja
- korostettu tiedostolinkki: koskee Hyggen Assets-osioon tallennettuja tiedostoja.
Linkkikokoelmalla voi olla oma pieni johdantoteksti. Siinä on tiiviimpi riviväli kuin leipätekstissä.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam et neque facilisis, viverra urna at, placerat purus. Phasellus ultricies rutrum dolor non porttitor. Suspendisse condimentum lacus eget magna suscipit lobortis. Integer eget lacus at felis malesuada euismod sit amet ac leo.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam et neque facilisis, viverra urna at, placerat purus. Phasellus ultricies rutrum dolor non porttitor. Suspendisse condimentum lacus eget magna suscipit lobortis. Integer eget lacus at felis malesuada euismod sit amet ac leo.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam et neque facilisis, viverra urna at, placerat purus. Phasellus ultricies rutrum dolor non porttitor. Suspendisse condimentum lacus eget magna suscipit lobortis. Integer eget lacus at felis malesuada euismod sit amet ac leo.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam et neque facilisis, viverra urna at, placerat purus. Phasellus ultricies rutrum dolor non porttitor. Suspendisse condimentum lacus eget magna suscipit lobortis. Integer eget lacus at felis malesuada euismod sit amet ac leo.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam et neque facilisis, viverra urna at, placerat purus. Phasellus ultricies rutrum dolor non porttitor. Suspendisse condimentum lacus eget magna suscipit lobortis. Integer eget lacus at felis malesuada euismod sit amet ac leo.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam et neque facilisis, viverra urna at, placerat purus. Phasellus ultricies rutrum dolor non porttitor. Suspendisse condimentum lacus eget magna suscipit lobortis. Integer eget lacus at felis malesuada euismod sit amet ac leo.
Curabitur nec orci rutrum, luctus neque nec, efficitur lacus. Sed eu erat massa. Quisque nisi enim, dictum nec condimentum vel, mollis vitae elit. Mauris aliquet dignissim nunc sit amet ultrices. Duis vel porta eros. Aliquam maximus bibendum diam cursus ultricies. Duis ultricies pharetra lacinia.
Quisque nisi enim, dictum nec condimentum vel, mollis vitae elit. Mauris aliquet dignissim nunc sit amet ultrices. Duis vel porta eros. Aliquam maximus bibendum diam cursus ultricies. Duis ultricies pharetra lacinia.
Duis vel porta eros. Aliquam maximus bibendum diam cursus ultricies. Duis ultricies pharetra lacinia.
Tämä sisältö ei näy, jos olet estänyt evästeiden käytön. Jos haluat nähdä sisällön, tarkista evästeasetuksesi.
Tässä näkyy kenttään tekstiseloste lisätty teksti.
Tämä sisältö ei näy, jos olet estänyt evästeiden käytön. Jos haluat nähdä sisällön, tarkista evästeasetuksesi.