Ga naar hoofdinhoud

Blogartikel

Wanneer een bezoeker op een specifiek blogbericht klikt, komen ze op de artikelpagina terecht. Dit is de plek waar ze je verhaal daadwerkelijk gaan lezen. Omdat de focus hier op de tekst en leesbaarheid ligt, biedt het thema een aantal handige instellingen om de leeservaring te optimaliseren.

Algemene Layout & Vormgeving​

  • Kleurenschema: Bepaal de achtergrond- en tekstkleur van de pagina.
  • Aangepaste klasse (Custom Class): Een instelling voor geavanceerde gebruikers die extra CSS willen toepassen.

Hoofdafbeelding (Article Image)​

Als je in de Shopify Admin een 'Uitgelichte afbeelding' aan je blogartikel hebt toegevoegd, wordt deze groot bovenaan het artikel getoond.

  • Afbeeldingsbreedte (Image width): Kies of de afbeelding over de volledige breedte van het scherm moet lopen (Full width / Edge-to-edge) of binnen een net kader moet vallen (Box).
  • Afbeeldingshoogte: Bepaal de hoogte van de afbeelding in pixels. Omdat schermen enorm verschillen, kun je dit perfect afstemmen door een aparte hoogte voor desktop en mobiel in te stellen.

Tekst & Leesbaarheid (Content)​

Een goede leesbaarheid is cruciaal voor een blog. Via deze instellingen bepaal je hoe de tekst gepresenteerd wordt:

  • Breedte tekstvlak (Container width): Hoe breder een tekstregel, hoe moeilijker het leest. Kies hier de maximale breedte van je artikeltekst (bijv. 800px of 900px) voor de ideale leeservaring, of laat deze meelopen met de standaard breedte van je webshop (Default).
  • Titel Opmaak: Bepaal de grootte (H1 t/m display) en dikte van de titel van het artikel.
  • Auteur & Datum: Vink aan of je de naam van de schrijver en de publicatiedatum bovenaan het artikel wilt tonen.

Leeservaring & Delen​

Maak het je lezers comfortabel en moedig ze aan om je content te verspreiden:

  • Voortgangsbalk (Progress bar): Schakel dit in om bovenaan het scherm een dun lijntje te tonen dat meevult naarmate de bezoeker verder naar beneden scrollt. Dit geeft de lezer een indicatie van hoe lang het artikel nog is. Je kunt de kleur van deze balk zelf bepalen.
  • Terug naar boven (Back to top): Toon een handige knop rechtsonder in beeld (vooral prettig bij lange artikelen) waarmee de lezer met één klik weer helemaal bovenaan de pagina staat.
  • Deel-knoppen (Share buttons): Vink dit aan om knoppen te tonen waarmee lezers je artikel direct kunnen delen via Facebook, X (voorheen Twitter), Pinterest, e-mail of WhatsApp. Je kunt de titel boven deze knoppen (bijv. "Deel dit artikel") zelf aanpassen.

Reacties​

Onderaan het artikel bevindt zich de reactiesectie. Let op: het toestaan van daadwerkelijke reacties stel je in via de algemene bloginstellingen in je Shopify Admin. Met de instellingen in deze thema-sectie beheer je de visuele weergave en een extra call-to-action.

  • Algemene Layout & Witruimte: Kies een passend kleurenschema voor de reactiesectie. Met de instellingen voor marge (MT/MB) en padding (PT/PB) bepaal je de ruimte rondom en binnen deze sectie (kies tussen standaard of geen).
  • Contact Banner: Vaak roept een artikel specifieke vragen op bij de lezer. Met deze banner voeg je een opvallend blok toe naast of onder de reacties om bezoekers aan te moedigen direct contact met je op te nemen.
    • Inschakelen (Enable contact banner): Vink aan om de banner zichtbaar te maken.
    • Tekst: Geef de banner een duidelijke titel (bijv. "Heb je vragen?") en een begeleidende tekst.
    • Actieknop: Voeg een knop toe met een eigen label (bijv. "Neem contact op"), een link (naar je contactpagina) en kies optioneel een passend FontAwesome-icoontje (zoals een pijltje) om de knop extra op te laten vallen.