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

Tässä on kansielementin alaotsikko

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ä:

Parallax-kansi ilman kerrosväriä

Usean eri palstan elementit

Kaksi palstaa

Kuvassessiot

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.

Kuvassessiot

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ä

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.

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 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.

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.

Ryhmä lohko

Ryhmälohkolla voi yhdistellä useita elemmenttejä yhdeksi kokonaisuudeksi. Tässä ryhmässä on asetettu elementin taustaväri ja ryhmän sisään luotu otsikko, kappale, sarakkeet ja nappi lohkot.

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.

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.

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.

Lorem ipsum ametdolor sitConsectetur adipiscing elit
Consectetur adipiscing elitCurabitur gravida urna100 – 200
Consectetur adipiscing elitCurabitur gravida urna200 – 300
Consectetur adipiscing elitCurabitur gravida urna300 – 400
Consectetur adipiscing elitCurabitur gravida urna400 – 500
Consectetur adipiscing elitCurabitur gravida urna500 – 600
Consectetur adipiscing elitCurabitur gravida urna600 – 700
Consectetur adipiscing elitCurabitur gravida urna700 – 800
Consectetur adipiscing elitCurabitur gravida urna800 – 900
Consectetur adipiscing elitCurabitur gravida urna900 – 1000

Kokoleveä taulukko

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

Lorem ipsum ametdolor sitConsectetur adipiscing elit
Consectetur adipiscing elitCurabitur gravida urna100 – 200
Consectetur adipiscing elitCurabitur gravida urna200 – 300
Consectetur adipiscing elitCurabitur gravida urna300 – 400
Consectetur adipiscing elitCurabitur gravida urna400 – 500
Consectetur adipiscing elitCurabitur gravida urna500 – 600
Consectetur adipiscing elitCurabitur gravida urna600 – 700
Consectetur adipiscing elitCurabitur gravida urna700 – 800
Consectetur adipiscing elitCurabitur gravida urna800 – 900
Consectetur adipiscing elitCurabitur gravida urna900 – 1000

Taulukon väriasetteluja

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

Lorem ipsum ametdolor sitConsectetur adipiscing elit
Consectetur adipiscing elitCurabitur gravida urna100 – 200
Consectetur adipiscing elitCurabitur gravida urna200 – 300
Consectetur adipiscing elitCurabitur gravida urna300 – 400
Consectetur adipiscing elitCurabitur gravida urna400 – 500
Consectetur adipiscing elitCurabitur gravida urna500 – 600
Consectetur adipiscing elitCurabitur gravida urna600 – 700
Consectetur adipiscing elitCurabitur gravida urna700 – 800
Consectetur adipiscing elitCurabitur gravida urna800 – 900
Consectetur adipiscing elitCurabitur gravida urna900 – 1000
Lorem ipsum ametdolor sitConsectetur adipiscing elit
Consectetur adipiscing elitCurabitur gravida urna100 – 200
Consectetur adipiscing elitCurabitur gravida urna200 – 300
Consectetur adipiscing elitCurabitur gravida urna300 – 400
Consectetur adipiscing elitCurabitur gravida urna400 – 500
Consectetur adipiscing elitCurabitur gravida urna500 – 600
Consectetur adipiscing elitCurabitur gravida urna600 – 700
Consectetur adipiscing elitCurabitur gravida urna700 – 800
Consectetur adipiscing elitCurabitur gravida urna800 – 900
Consectetur adipiscing elitCurabitur gravida urna900 – 1000

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.