Artikkelin hero (article-hero)

Artikkelin hero -lohko toimii sisällön aloituspisteenä ja antaa lukijalle heti ensisilmäyksellä käsityksen artikkelin aiheesta. Se on suunniteltu luettavaksi ja tyyliltään kevyeksi, mutta visuaalisesti näyttäväksi elementiksi, joka kokoaa artikkelin tärkeimmät lähtötiedot yhteen.

Lohkoon sisältyy:

  • Pieni otsikko (esim. kategoria tai merkintä)
  • Pääotsikko (artikkelin varsinainen otsikko)
  • Ingressi (lyhyt johdanto artikkelin sisältöön)
  • Kuva (kansikuva tai aiheeseen liittyvä visuaali)
  • Julkaistu- ja muokattu päivämäärät (näytetään automaattisesti)

Lohkossa on valittavissa vaalea tai tumma tyyli, jolloin sen ulkoasu mukautuu helposti sivuston visuaaliseen ilmeeseen. Lisäksi käyttäjä voi määrittää, näytetäänkö kuva vasemmalla vai oikealla, jolloin sisältö toimii joustavasti erilaisissa asetteluissa ja laajuisilla näytöillä.

Lohko on rakennettu natiivina Gutenberg-lohkona, saavutettavuus huomioiden, ja se toimii responsiivisesti kaikilla laitteilla. Koodi löytyy GitHubista.

Ajankohtaista

Näin rakennat selkeän ja vaikuttavan sisältölohkon

Hyvin jäsennelty sisältö ei ainoastaan näytä hyvältä – se myös ohjaa lukijaa ja tukee tavoitteita. Tässä artikkelissa esittelemme, miten rakenne, rytmi ja kieli saadaan toimimaan yhdessä.

Ajankohtaista

Näin rakennat selkeän ja vaikuttavan sisältölohkon

Hyvin jäsennelty sisältö ei ainoastaan näytä hyvältä – se myös ohjaa lukijaa ja tukee tavoitteita. Tässä artikkelissa esittelemme, miten rakenne, rytmi ja kieli saadaan toimimaan yhdessä.

Ajankohtaista

Näin rakennat selkeän ja vaikuttavan sisältölohkon

Hyvin jäsennelty sisältö ei ainoastaan näytä hyvältä – se myös ohjaa lukijaa ja tukee tavoitteita. Tässä artikkelissa esittelemme, miten rakenne, rytmi ja kieli saadaan toimimaan yhdessä.

Ajankohtaista

Näin rakennat selkeän ja vaikuttavan sisältölohkon

Hyvin jäsennelty sisältö ei ainoastaan näytä hyvältä – se myös ohjaa lukijaa ja tukee tavoitteita. Tässä artikkelissa esittelemme, miten rakenne, rytmi ja kieli saadaan toimimaan yhdessä.