Listoilla on helppo esittää tietoa jäsennellysti verkkosivulla. Listat tekevät lyhyestä sisällöstä helpommin luettavaa. Listan avulla tärkeän informaation saa selkeästi esille verkkosivulla.

Listan lisääminen #

Listan lisäämisessä voi käyttää kahta erilaista listaelenttiä: Lista tai Icon list.

Lista #

Jos kopioit suoraan listan esimerkiksi Wordistä, ilmestyy se sivuille peruslistaelementillä. Valitse tämä listaelementti, jos et halua listan ulkoasua erikseen muokata.

Icon list #

Icon list on nimensä mukaisesti listaelementti ikoneilla.

Kirjoita haluamasi tekstit listaan. Enter-näppäimellä lisäät listaan aina uuden listakohteen.

Icon listan tyylien muokkaaminen #

Koko Icon List -elementti valittuna (ei yksittäinen List item), voit muokata koko listan ikoneita ja tyylittelyä sivupalkin asetuksista.

Sivupalkin General-välilehdellä voit säätää listan pastojen (List Columns) määrää ja palstojen välistä väliä (List Column Gap).

List Vertical Spacing -kohdasta voit säätää riviväliä listakohteiden välissä.

List Horizontal Icon and Label Spacing -kohta taas säätää väliä ikonin ja tekstin välissä.

Icon Align -kohdassa voit halutessasi säätää ikonin asettelua suhteessa tekstiin.

Sivupalkin Style-välilehdellä voit säätää listan ulkoasua ja vaihtaa ikonia.

Icon Styling -kohdasta voit vaihtaa listan ikonimerkkiä ja Icon Size -kohdasta sen kokoa. (Voit asettaa yksittäiselle listakohteelle oman ikonin valitsemalla yksittäinen List item aiemmin valitun Icon List -elementin sijasta.)

Icon Color -kohdassa voit määrittää ikonin värin.

Text Styling -kohdassa voit halutessasi muuttaa listan tekstityyliä, jos haluat esim. asettaa listat pienemmällä fonttikoolla.

Listan tyylin kopioiminen #

Jos sinulla on sivuillasi useampi Icon lista käytössä, voit helposti kopioida ja liittää loppuihin listoihin tyylin, jonka olet asettanut jo valmiiksi yhteen listaelementtiin. Lue tarkemmin: Tyylien kopioimisesta.