Esimerkkisivu, joka esittelee kaikki sivustolla käytössä olevat elementit

Muistathan laittaa kuvalle otsikon, jota käytetään ALT -tekstinä

Laitathan sivun alkuun aina ennen mahdollista sisältökuvaa otsikko 1:n. Otsikko 1 on saavutettavuuden ja hakukonenäkyvyyden kantilta ensiarvoisen tärkeää.

Käytä otsikkotasoja hierarkkisesti. Eli 1. tason otsikkoa tulisi seurata aina 2. tason otsikko jne. Voit lukea aiheesta lisää julkaisujärjestelmän kotisivuilta »

Sivustolla käytössä olevat elementit

Voit hyödyntää sivustolla seuraavia elementtejä tarvittavan tilanteen mukaan:

pääkuva (kullakin sivulla valmiina sisältöalueen ylimmäisenä)
kolmen palstan listaus
pyöreä kuva + teksti
kuva + teksti (koko sivun levyisellä alueella, tätä on hyödynnetty etusivun artikkelit -osiossa).
artikkelit (categorized_news) toimivat uutismoduulin avulla

Kolmen palstan listaus

Alla esimerkki kolmen palstan listauksesta:

01.

Näin pakkaat biojätteet

Biojäte on hyvä pakata ennen jäteastiaan laittamista. Biopussi suojaa talvella jätettä jäätymästä kiinni biojäteastiaan ...

Lue lisää »

02.

Kompostointiohjeet

Etenkin omakotiasujalle biojätteiden kompostointi omalla kiinteistöllä on kätevä tapa hoitaa biojätehuolto. Ruonlaitossa syntyvä jäte ...

Lue lisää »

03.

Alueelliset biojätteen keräyspalvelut

Monen taloyhtiön pihassa on jo jäteastia biojätteille. Biojätteen erilliskeräykseen voi liittyä ...

Lue lisää »

Yllä olevaa esimerkkiä kannattaa käyttää nostoina. Tekstien tulisi olla suurinpiirtein samanmittaisia, jotta tämä näyttää hyvältä. Kuvat pyöristetään automaattisesti, joten niitä ei tarvitse käsitellä ennakkoon.

Pyöreä kuva + teksti

Voit hyödyntää kahden palstan listausta jos tekstiä on paljon (tekee tekstiä selkeämmäksi). Alla tästä esimerkki.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur eleifend vehicula tortor, ut elementum magna. Sed ac convallis turpis. Vivamus in lorem pretium magna blandit euismod sit amet in quam. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. In est augue, semper quis tortor et, semper rutrum justo. Nullam sollicitudin tristique placerat. Nam consequat tellus non dapibus ullamcorper. Sed vel nibh et nibh dapibus gravida et in velit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent ultricies dictum odio non volutpat.