Tämä on esimerkkisivu valmiiden elementtien käytöstä. Tässä on kansielementti.

Tässä on kansielementin alaotsikko

Lorem ipsum

Kansielementtiin on mahdollista määrittää WP-hallinnan kautta otsikot/tekstit, valinnainen painike, taustakuva ja mahdollinen kerrosväri ja sen läpinäkyvyys.

Kansielementtiin on mahdollista määrittää ns. parallex-efekti. Alla esimerkki siitä:

Usean eri palstan elementit

Kaksi palstaa

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur gravida urna venenatis lectus pharetra, vel auctor neque volutpat. Duis faucibus nulla eu leo posuere, a tristique lectus finibus. Duis feugiat est quis erat eleifend malesuada. Cras congue fringilla lacus, ultrices commodo nisl gravida ut. In velit sem, lacinia nec mi vel, fermentum convallis elit. Nam cursus nunc at nisl finibus ullamcorper.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur gravida urna venenatis lectus pharetra, vel auctor neque volutpat. Duis faucibus nulla eu leo posuere, a tristique lectus finibus. Duis feugiat est quis erat eleifend malesuada. Cras congue fringilla lacus, ultrices commodo nisl gravida ut. In velit sem, lacinia nec mi vel, fermentum convallis elit. Nam cursus nunc at nisl finibus ullamcorper. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Integer a lectus urna. Duis rhoncus elit justo, nec pharetra ex efficitur vel.

Kaksi palstaa, leveä

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur gravida urna venenatis lectus pharetra, vel auctor neque volutpat. Duis faucibus nulla eu leo posuere, a tristique lectus finibus. Duis feugiat est quis erat eleifend malesuada. Cras congue fringilla lacus, ultrices commodo nisl gravida ut. In velit sem, lacinia nec mi vel, fermentum convallis elit. Nam cursus nunc at nisl finibus ullamcorper.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur gravida urna venenatis lectus pharetra, vel auctor neque volutpat. Duis faucibus nulla eu leo posuere, a tristique lectus finibus. Duis feugiat est quis erat eleifend malesuada. Cras congue fringilla lacus, ultrices commodo nisl gravida ut. In velit sem, lacinia nec mi vel, fermentum convallis elit. Nam cursus nunc at nisl finibus ullamcorper.

Kaksi palstaa, kokoleveä

Palstoja voi olla myös useampi kuin kaksi, ohessa neljä, leveällä asettelulla. Palstoihin on mahdollista asettaa myös otsikointeja, kuvia ja nappeja.

Lorem ipsum dolor sit amet

Consectetur adipiscing elit. Curabitur gravida urna venenatis lectus pharetra, vel auctor neque volutpat. Duis faucibus nulla eu leo posuere, a tristique lectus finibus. Duis feugiat est quis erat eleifend malesuada. Cras congue fringilla lacus, ultrices commodo nisl gravida ut. In velit sem, lacinia nec mi vel, fermentum convallis elit. Nam cursus nunc at nisl finibus ullamcorper.

Lorem ipsum

Lorem ipsum dolor sit amet

Consectetur adipiscing elit. Curabitur gravida urna venenatis lectus pharetra, vel auctor neque volutpat. Duis faucibus nulla eu leo posuere, a tristique lectus finibus. Duis feugiat est quis erat eleifend malesuada. Cras congue fringilla lacus, ultrices commodo nisl gravida ut. In velit sem, lacinia nec mi vel, fermentum convallis elit. Nam cursus nunc at nisl finibus ullamcorper.

Lorem ipsum

Lorem ipsum dolor sit amet

Consectetur adipiscing elit. Curabitur gravida urna venenatis lectus pharetra, vel auctor neque volutpat. Duis faucibus nulla eu leo posuere, a tristique lectus finibus. Duis feugiat est quis erat eleifend malesuada. Cras congue fringilla lacus, ultrices commodo nisl gravida ut. In velit sem, lacinia nec mi vel, fermentum convallis elit. Nam cursus nunc at nisl finibus ullamcorper.

Lorem ipsum

Lorem ipsum dolor sit amet

Consectetur adipiscing elit. Curabitur gravida urna venenatis lectus pharetra, vel auctor neque volutpat. Duis faucibus nulla eu leo posuere, a tristique lectus finibus. Duis feugiat est quis erat eleifend malesuada. Cras congue fringilla lacus, ultrices commodo nisl gravida ut. In velit sem, lacinia nec mi vel, fermentum convallis elit. Nam cursus nunc at nisl finibus ullamcorper.

Lorem ipsum

Palstoitus kuvalla ja tekstillä, leveä asettelu

Lorem ipsum dolor sit amet

Consectetur adipiscing elit. Curabitur gravida urna venenatis lectus pharetra, vel auctor neque volutpat. Duis faucibus nulla eu leo posuere, a tristique lectus finibus. Duis feugiat est quis erat eleifend malesuada. Cras congue fringilla lacus, ultrices commodo nisl gravida ut. In velit sem, lacinia nec mi vel, fermentum convallis elit. Nam cursus nunc at nisl finibus ullamcorper.

Lorem ipsum dolor sit amet

Consectetur adipiscing elit. Curabitur gravida urna venenatis lectus pharetra, vel auctor neque volutpat. Duis faucibus nulla eu leo posuere, a tristique lectus finibus. Duis feugiat est quis erat eleifend malesuada. Cras congue fringilla lacus, ultrices commodo nisl gravida ut. In velit sem, lacinia nec mi vel, fermentum convallis elit. Nam cursus nunc at nisl finibus ullamcorper.

Kuvaa ja tekstiä voi asetella myös pystysuunnassa WP versiosta 5.3 lähtien

Tasattu yläosaan

Consectetur adipiscing elit. Curabitur gravida urna venenatis lectus pharetra, vel auctor neque volutpat. Duis faucibus nulla eu leo posuere, a tristique lectus finibus. Duis feugiat est quis erat eleifend malesuada. Cras congue fringilla lacus, ultrices commodo nisl gravida ut. In velit sem, lacinia nec mi vel, fermentum convallis elit. Nam cursus nunc at nisl finibus ullamcorper.

Tasattu alaosaan

Consectetur adipiscing elit. Curabitur gravida urna venenatis lectus pharetra, vel auctor neque volutpat. Duis faucibus nulla eu leo posuere, a tristique lectus finibus. Duis feugiat est quis erat eleifend malesuada. Cras congue fringilla lacus, ultrices commodo nisl gravida ut. In velit sem, lacinia nec mi vel, fermentum convallis elit. Nam cursus nunc at nisl finibus ullamcorper.

Palstoitus kuvalla ja tekstillä, kokoleveä asettelu

Lorem ipsum dolor sit amet

Consectetur adipiscing elit. Curabitur gravida urna venenatis lectus pharetra, vel auctor neque volutpat. Duis faucibus nulla eu leo posuere, a tristique lectus finibus. Duis feugiat est quis erat eleifend malesuada. Cras congue fringilla lacus, ultrices commodo nisl gravida ut. In velit sem, lacinia nec mi vel, fermentum convallis elit. Nam cursus nunc at nisl finibus ullamcorper.

Consectetur adipiscing elit. Curabitur gravida urna venenatis lectus pharetra, vel auctor neque volutpat. Duis faucibus nulla eu leo posuere, a tristique lectus finibus. Duis feugiat est quis erat eleifend malesuada. Cras congue fringilla lacus, ultrices commodo nisl gravida ut. In velit sem, lacinia nec mi vel, fermentum convallis elit. Nam cursus nunc at nisl finibus ullamcorper.

Lorem ipsum dolor sit amet

Consectetur adipiscing elit. Curabitur gravida urna venenatis lectus pharetra, vel auctor neque volutpat. Duis faucibus nulla eu leo posuere, a tristique lectus finibus. Duis feugiat est quis erat eleifend malesuada. Cras congue fringilla lacus, ultrices commodo nisl gravida ut. In velit sem, lacinia nec mi vel, fermentum convallis elit. Nam cursus nunc at nisl finibus ullamcorper.

Consectetur adipiscing elit. Curabitur gravida urna venenatis lectus pharetra, vel auctor neque volutpat. Duis faucibus nulla eu leo posuere, a tristique lectus finibus. Duis feugiat est quis erat eleifend malesuada. Cras congue fringilla lacus, ultrices commodo nisl gravida ut. In velit sem, lacinia nec mi vel, fermentum convallis elit. Nam cursus nunc at nisl finibus ullamcorper.

Kuva-asettelut

Kuvia on mahdollista asettaa kapeaksi, leveäksi tai kokoleveäksi.

Kuva kapealla asettelulla

Kuva leveällä asettelulla

Kuva kokoleveällä asettelulla

Galleria lohko

Gallerialohkoon voidaan määritellä usea kuva galleriamaisesti. Myös sarakkeiden määrää voidaan säätää.

Ohessa esimerkit:
3-sarakkeinen galleria leveällä palstalla
6-sarakkeinen galleria kokoleveällä palstalla

Videon asettelut

Myös videoita on mahdollista asettaa kapealla, leveällä ja kokoleveällä asettelulla.

Video kapealla asettelulla

Video leveällä asettelulla

Video kokoleveällä asettelulla

Taulukon asettelut

Leveä taulukko

Taulukkoon mahdollista määrittää sarakkeiden ja rivien lukumäärä. Sarakkeita ja rivejä voi lisätä jälkikäteen.

Kokoleveä taulukko

Taulukkoon mahdollista määrittää sarakkeiden ja rivien lukumäärä. Sarakkeita ja rivejä voi lisätä jälkikäteen.

Taulukon väriasetteluja

Taulukkoihin on mahdollista asettaa taustavärejä sekä raitoja, esim:

Muita asettelun elementtejä

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur gravida urna venenatis lectus pharetra, vel auctor neque volutpat. Duis faucibus nulla eu leo posuere, a tristique lectus finibus.

Duis feugiat est quis erat eleifend malesuada. Cras congue fringilla lacus, ultrices commodo nisl gravida ut.

Person X

In velit sem, lacinia nec mi vel, fermentum convallis elit. Nam cursus nunc at nisl finibus ullamcorper. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Integer a lectus urna. Duis rhoncus elit justo, nec pharetra ex efficitur vel. Quisque eleifend urna non ante vestibulum imperdiet a eu tellus. Sed lectus libero, porta ac felis non, fermentum elementum neque.

Mauris sit amet sagittis nisl. Sed eu luctus turpis, in fermentum ligula. Cras id bibendum mi. Proin vel semper mi. Fusce varius odio non erat interdum consectetur.

• Mauris sit amet sagittis nisl.
• Sed eu luctus turpis, in fermentum ligula.
• Cras id bibendum mi. Proin vel semper mi. Fusce varius odio non erat interdum consectetur.

Duis euismod ipsum ut purus pretium, eu malesuada risus lobortis. Mauris rutrum libero consectetur sapien vehicula hendrerit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin dignissim consequat nulla, vel egestas mi aliquet vitae. Nullam varius vehicula ligula nec convallis. Pellentesque condimentum sed ipsum eu suscipit. Duis laoreet sit amet turpis sit amet finibus. Phasellus vel sem commodo, fermentum tellus sit amet, malesuada metus.