# Liveblog en Nieuwsfeed Content

Een Liveblog of Nieuwsfeed is een timeline met meerdere (nieuws)updates.

De Liveblog zal gebruikt worden voor urgenter (live) nieuws bijvoorbeeld een storm of een schoonmaakactie. De Nieuwsfeed wordt ingezet bij verzameld nieuws over een langere periode bijvoorbeeld bij updates over projecten of zomerdroogte.

Door het verschil in de frequentie van updates zullen alle datumnotaties bij een Liveblog inclusief tijd zijn en bij een Nieuwsfeed zonder tijd.

# Vaste onderdelen

Een timeline is als volgt opgebouwd:

  • Header: De status (Liveblog) of het aantal updates (Nieuwsfeed).
  • Updates: Verschillende soorten updates zijn mogelijk.
  • Footer: "Toon meer updates"-knop bij meer dan 10 updates.

# Liveblog header

De header van de liveblog toont de status van de liveblog in die geval "Live". Wanneer er nieuwe updates zijn wordt de rode verversen-knop getoond. Deze blijft bovenin beeld hangen (fixed).

Een gesloten liveblog toont het label "Liveblog gesloten". Bij een gesloten liveblog wordt er niet meer gecontroleerd op nieuwe updates en komt de verversen-knop niet voor:

# Nieuwsfeed header

De nieuwsfeed toont het aantal updates i.p.v. de status. Er kan gesorteerd worden. Ook wordt er niet automatisch gezocht naar nieuwe updates en komt de verversen-knop hier niet voor:

Onder de timeline met updates wordt er bij meer dan 10 updates de "Toon meer updates"-knop waarmee er meer updates ingeladen kunnen worden.

# Updates

Zowel de Liveblog en de Nieuwsfeed bestaan uit updates. Updates zijn als volgt opgebouwd:

  • Header: Datum met tijd, kop.
  • Body: Richtext (optioneel), component (optioneel).
  • Delen: Zichtbaar op hover (enkel op Desktop).
  • Footer: Gerelateerde content (optioneel).

# Standaard (zonder component)

Het is mogelijk om een update zonder extra component te plaatsen.

Andersom is het ook mogelijk om een component zonder Richtext maar wel met component te plaatsen.

# Afbeelding(en)

Vergelijkbaar met het normale Afbeelding-component. Er kunnen meerdere afbeeldingen onder elkaar geplaatst worden.

Uploadformaat Afbeelding:
px (minimaal)

# Afbeeldingvergroter(s)

Net als bij de normale Afbeeldingsvergroter is het hier mogelijk om meerdere onder elkaar te plaatsen. Deze vormen samen een Lightbox-groep.

Uploadformaat Afbeeldingvergroter:
px (minimaal)

Een afbeelding met een hogere verhouding dan 4:5 wordt automatisch afgekapt met de knop "Bekijk volledige afbeelding":

# Video

Vergelijkbaar met het normale Video-component.

Met de externe link card is het mogelijk om externe link uit te lichten. Als er bijvoorbeeld naar artikel op een externe nieuwssite gelinkt wordt.

Uploadformaat Liveblog externe link card:
px (minimaal)

# YouTube

Een YouTube-embed in een iframe. Er wordt de youtube-nocookie.com URL gebruikt voor minder cookies.

# Tweet

Een Twitter-embed, wordt getoond met de Twitter javascript API.