Infokortit (info-cards)

Tyypillinen sisältöelementti verkkosivuilla on korttinosto-lohko, jossa esitetään yksi tai useampi korttimuotoinen sisältönosto. Lohko sopii hyvin esimerkiksi hyödyllisten resurssien tai ladattavien materiaalien esittelyyn.

Lohkoon voi lisätä otsikon, tekstisisällön ja painikkeen. Kortit sisältävät kuvan, otsikon, tekstisisällön ja painikkeen. Alla on esimerkkejä lohkosta eri tyyleillä – esimerkiksi vaalealla tai tummalla taustalla.

Lohko on toteutettu natiivina Gutenberg-lohkona, eikä vaadi ulkoisia lisäosia. Se on saavutettava, responsiivinen ja mukautuu helposti sivuston tyyliin.

Lohkon lähdekoodi löytyy GitHubista

Infokortit

Tyypillinen sisältöelementti verkkosivuilla on korttinosto-lohko, jossa esitetään otsikon ja kuvauksen yhteydessä yksi tai useampi korttimuotoinen sisältönosto. Lohko sopii hyvin esimerkiksi hyödyllisten resurssien tai ladattavien materiaalien esittelyyn.

Lue lisää

Kortin rakenne

Korttiin voidaan lisätä kuva, tekstiä ja painike. Tekstisisältöön voi lisätä vapaasti muotoiluja.

Lue lisää

Gutenberg-lohko

Lohko on rakennettu natiivina Gutenberg-lohkona, saavutettavuus huomioiden, ja se toimii responsiivisesti kaikilla laitteilla.

Lue lisää

Nosta esille

Korttinoston avulla voit helposti tuoda esille ja näkyviin erityiset sisällöt, kuten tärkeät aiheet ja informaation sivustosta.

Lue lisää

Infokortit

Tyypillinen sisältöelementti verkkosivuilla on korttinosto-lohko, jossa esitetään otsikon ja kuvauksen yhteydessä yksi tai useampi korttimuotoinen sisältönosto. Lohko sopii hyvin esimerkiksi hyödyllisten resurssien tai ladattavien materiaalien esittelyyn.

Lue lisää

Kortin rakenne

Korttiin voidaan lisätä kuva, tekstiä ja painike. Tekstisisältöön voi lisätä vapaasti muotoiluja.

Gutenberg-lohko

Lohko on rakennettu natiivina Gutenberg-lohkona, saavutettavuus huomioiden, ja se toimii responsiivisesti kaikilla laitteilla.

Nosta esille

Korttinoston avulla voit helposti tuoda esille ja näkyviin erityiset sisällöt, kuten tärkeät aiheet ja informaation sivustosta.