Met de Blog widget toon je eenvoudig blogartikelen op een pagina. Dit kan in een grid-weergave (rijen en kolommen) of als slider (artikelen naast elkaar met schuifmogelijkheden). De widget is handig om bezoekers op een visueel aantrekkelijke manier kennis te laten maken met je laatste of populairste artikelen.
Beschikbare opties en toelichting:
- Titel:
Voeg hier een titel toe die boven het blogoverzicht wordt getoond, zoals "Laatste nieuws", "Inspiratie", of "Van onze blog". De titel maakt het voor bezoekers direct duidelijk waar de sectie over gaat. - Hoeveel blogs tonen:
Stel in hoeveel blogartikelen je wilt laten zien in het overzicht. Je kunt kiezen uit 3 t/m 6 artikelen.
Let op: als je minder blogartikelen hebt aangemaakt, worden alleen die beschikbare blogs getoond. - Welke blogs tonen:
Bepaal of je de laatste gepubliceerde blogs wilt tonen of juist de populairste blogs. - Layout weergave:
Kies de manier waarop de blogs getoond worden:- Grid: artikelen worden gestructureerd weergegeven in rijen en kolommen.
- Slider: artikelen verschijnen naast elkaar met schuifmogelijkheden (pijlen of paginatie).
Layoutinstellingen bij Grid-weergave
Wanneer je Grid kiest, kun je instellen hoeveel artikelen naast elkaar getoond worden op verschillende apparaten:
- Desktop: bijvoorbeeld 4 artikelen naast elkaar
- Tablet: bijvoorbeeld 3 artikelen
- Mobiel: bijvoorbeeld 2 artikel
Zo houd je de weergave optimaal per schermgrootte.
Layoutinstellingen bij Slider-weergave
Bij de optie Slider krijg je extra instellingen voor interactie:
- Aantal slides naast elkaar (desktop, tablet, mobiel): bepaal hoeveel kaarten zichtbaar zijn binnen de slider per apparaat.
- Slider navigatie: Kies waar (of of) je navigatie wilt tonen:
- Geen navigatie weergeven
- Boven de slider, naast de titel
- In het midden van de slider
- Slider paginatie: toon stipjes onder de slider om door slides te bladeren.
- Geavanceerde slider opties:
- Slider loop: de slider blijft oneindig doorlopen.
- Slider autoplay: laat de slides automatisch verschuiven (alleen voor niet-touch apparaten).
- Autoplay snelheid: stel in na hoeveel milliseconden de volgende slide verschijnt (bijv. 3000ms = 3 seconden).
- Blog kaart "Lees meer" button type:
Je kunt instellen welk type knop op de blogkaart wordt getoond voor het doorklikken naar het volledige artikel, bijvoorbeeld een primaire button of een subtielere linkstijl. - Blog kaart "Lees meer" button positie op kaart:
Naast het type knop kun je ook bepalen waar de knop op de blogkaart wordt geplaatst: aan de linker- of aan de rechterkant. - Meer blogs button:
Onder blogkaarten kun je een "Meer blogs"-knop tonen die bezoekers doorstuurt naar de volledige blogpagina. Deze knop is standaard opgemaakt als een subtiele link, zodat hij niet te veel visuele aandacht opeist, maar wel duidelijk aanwezig is.- Meer blogs button tekst: hier geef je de tekst op die op de knop wordt weergegeven, bijvoorbeeld "Bekijk alle blogs".
- Meer blogs button kleuren aanpassen: zet je deze optie aan, dan kun je de tekstkleur van de knop instellen, zowel voor de normale toestand als wanneer iemand er met de muis overheen beweegt (hover).
- CSS classes:
Met deze optie kun je specifieke CSS classes aan de afbeelding toevoegen voor maatwerk styling. Dit geeft je de mogelijkheid om aangepaste stijlen toe te passen via "Website uiterlijk > CSS aanpassen" in de backoffice, waardoor je de afbeelding verder kunt aanpassen aan je ontwerpbehoeften.