Gedaan met laden. U bevindt zich op: Visuele weergave van alle storyblocks Een pagina vormgeven
Visuele weergave van alle storyblocks
Storyblocks zitten vol grafische elementen die je inhoud kunnen structureren of vormgeven op een pagina. Hieronder zie je alle mogelijke storyblocks onder elkaar, met de verschillende mogelijkheden binnen zo’n storyblock.
Je kunt van de afbeelding zelf grootte en plaats (links/rechts) bepalen. Weergave voor de afbeelding is hier: ‘gemiddeld’, ‘rechts’ en tekstflow ‘rond afbeelding’.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris lacus libero, tincidunt vel pellentesque at, tempor at augue. Nam elementum venenatis est, ac malesuada risus dictum et. Suspendisse congue sed magna nec scelerisque. Maecenas lorem ante, varius in egestas sit amet, laoreet sit amet lectus. In aliquet nec nulla in congue.
Dit is het veld inhoud van een storyblock Tekst. De toegevoegde afbeelding heeft als grootte ‘klein’ en ‘afbeelding kunnen openklikken tot groot formaat’ is aangevinkt. Door klik erop wordt de foto dan vergroot.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris lacus libero, tincidunt vel pellentesque at, tempor at augue. Nam elementum venenatis est, ac malesuada risus dictum et. Suspendisse congue sed magna nec scelerisque. Maecenas lorem ante, varius in egestas sit amet, laoreet sit amet lectus. In aliquet nec nulla in congue.
Dit is het veld inhoud van een storyblock Tekst met afbeelding. De toegevoegde afbeelding is groot, staat rechts uitgelijnd en heeft als tekstflow ‘rond afbeelding’.
Dit is het veld inhoud van een storyblock Tekst met afbeelding. De toegevoegde afbeelding heeft als grootte ‘Volledige breedte’ + ‘Onderaan’. De afbeelding verschijnt dan onder het inhoudsveld. Het is ook mogelijk te kiezen voor een afbeelding boven het inhoudsveld.
Tekst met icoon
Dit is het veld inhoud van een storyblock Tekst met icoon. Deze weergave is erg geschikt voor de iconen in de huisstijl van de Vlaamse overheid. Je kunt kiezen of je het icoon rechts of links van je tekst wil weergeven. De tekstflow is hier ‘rond afbeelding’.
Een storyblock stappenplan heeft steeds een optioneel veld ‘inleiding’.
Stappenplan met nummers
Hieronder is gekozen voor stappenplan met type ‘nummers’ en instelling niet-openklapbaar.
Stap 1
Titel eerste stap
Ondertitel
Titel, ondertitel en het veld inhoud zijn optioneel in een stap.
Stap 2
Titel tweede stap
Ondertitel
Dit is veld Inhoud tweede stap.
Stap 3
Titel derde stap
Ondertitel
Dit is veld Inhoud derde stap.
Stappenplan met markers
Hieronder is gekozen voor stappenplan met type ‘markers’ en instelling openklapbaar.
Dit is veld Inhoud eerste stap.
Dit is veld Inhoud tweede stap.
Dit is veld Inhoud derde stap.
Stappenplan met datums
Hieronder is gekozen voor stappenplan met type ‘datums’ en instelling openklapbaar. In de stappen zijn geen ondertitels toegevoegd.
Stap 1/12024
Dit is veld Inhoud eerste stap.
Stap 1/12025
Dit is veld Inhoud tweede stap.
Stappenplan met labels
Hieronder is gekozen voor stappenplan met type ‘labels’ en instelling openklapbaar. In de stappen zijn ondertitels toegevoegd. Je kunt per stap het label (maximum 5 tekens) kiezen. Bijvoorbeeld A, B, C, of 2a, 2b… Dit kan erg handig zijn als je een stappenplan met substappen maakt.
Stap A
Dit is veld Inhoud eerste stap.
Stap B
Dit is veld Inhoud tweede stap.
Stappenplan met storyblocks
Het is mogelijk andere storyblocks toe te voegen in een stap. In het stappenplan hieronder met type ‘nummers’ en instelling niet-openklapbaar zie je hoe je een afbeelding, substappen of een mededeling toevoegt in een stappenplan.
Stap 1
Stap met storyblock tekst
Dit is het veld inhoud van de eerste stap. Hieronder werd een storyblock tekst toegevoegd.
Dit is het veld inhoud van storyblock tekst. De afbeelding heeft als grootte klein, staat rechts uitgelijnd en heeft als tekstflow ‘rond afbeelding’.
Stap 2
Stap met storyblock stappenplan
Dit is het veld inhoud van de tweede stap. Hieronder werden substappen toegevoegd door een storyblock stappenplan in de tweede stap toe te voegen. De substappen hebben als type labels en zijn openklapbaar.
Stap 2a
Dit is veld inhoud eerste stap.
Stap 2b
Dit is veld inhoud tweede stap.
Stap 3
Stap met storyblock mededeling
Dit is het veld inhoud van de derde stap. Hieronder werd een storyblock mededeling toegevoegd met type info en variant melding.
Dit is een mededeling in de derde stap van het stappenplan.
Hieronder zie je alle types en varianten van storyblock Mededeling. De titel van een storyblock mededeling is geen kop 2 en verschijnt niet in de zijnavigatie. In de titel is telkens aangegeven welk type en variant voor de mededeling gekozen werden.
Info - melding
Het veld inhoud is verplicht in een storyblock mededeling. De titel is optioneel. Je kunt optioneel een link naar andere inhoud toevoegen.
Hieronder de mogelijkheden om in storyblock Quote. Het veld ‘quote’ is steeds verplicht. De velden naam, functie, afbeelding en verhaal zijn optioneel.
Quote zonder naam en zonder afbeelding
Quote met naam en functie, zonder afbeelding, met link naar verhaal
In dit storyblock Verwijzingen met tegels, 2 uitgelicht, afbeelding, zonder introductietekst zie je een automatische selectie 5 van nieuwsberichten. Onderaan is een extra link toegevoegd.
Hieronder zie je weergave ‘combinatie tegels + lijst’, layout ‘tegels + lijst’, geen afbeelding, doorlopende tekst als introductietekst. Er zijn 5 items manueel gekoppeld. Enkel de eerste 4 krijgen een introductietekst in deze weergave.
Hieronder is een storyblock Vragen ingevoegd, waaraan 2 Vragen (die eerst als apart inhoudstype werden aangemaakt) toegevoegd zijn. Een vraag verschijnt altijd dichtgeklapt. Dit is vooral ideaal als de ingevoegde vraag of vragen geen betrekking hebben op de volledige pagina.
Heeft de Vraag die je wilt koppelen betrekking op de hele pagina? Doe dat dan niet met een storyblock Vragen. Hoe wel? Zie: Vraag koppelen op pagina.
Dit is veld Inleiding van storyblock Referentielijst. Hieronder is gekozen voor type ‘Nieuwsbericht’ en layout ‘Lijst’. De refenties zijn manueel toegevoegd.
Hieronder staat een storyblock Afbeelding. Je kunt die tussen andere storyblocks plaatsen.
In een storyblock Afbeelding kun je geen tussentitel Kop 2 en ook geen gewone tekst toevoegen. Als je dat wilt, kies dan voor storyblock Tekst waar je een afbeelding aan toevoegt.
De afbeelding verschijnt automatisch op de volledige breedte (geen keuze tot kleiner formaat)
Dit is veld Inleiding van een storyblock Fotoreeks met afbeeldingen in weergave Mozaïek. De eerste 2 afbeeldingen kregen een onderschrift. De optie ‘Afbeeldingen kunnen openklikken tot groot formaat’ werd aangevinkt.
Optioneel kun je een onderschrift toevoegen aan de Fotoreeks.
Fotoreeks met afbeeldingen - Tegels - 1 kolom
Een Fotoreeks met weergave Tegels, 1 kolom. De optie ‘Afbeeldingen kunnen openklikken tot groot formaat’ werd niet aangevinkt en er werd geen onderschrift toegevoegd onder de afbeeldingen en onder de Fotoreeks.
Fotoreeks met afbeeldingen - Tegels - 2 kolommen
Een Fotoreeks met weergave Tegels, 2 kolommen. De optie ‘Afbeeldingen kunnen openklikken tot groot formaat’ werd niet aangevinkt en er werd geen onderschrift toegevoegd onder de afbeeldingen en onder de Fotoreeks.
Fotoreeks met afbeeldingen - Tegels - 3 kolommen
Een Fotoreeks met weergave Tegels, 3 kolommen. De optie ‘Afbeeldingen kunnen openklikken tot groot formaat’ werd aangevinkt. De afbeeldingen kregen een onderschrift en er werd een onderschrift toegevoegd onder de Fotoreeks.
Onderschrift onder Fotoreeks.
Fotoreeks met afbeeldingen - Vergelijking - 2 kolommen
Een Fotoreeks met weergave Vergelijking, 2 kolommen. Er werden 2 rijen toegevoegd aan de vergelijking. De optie ‘Afbeeldingen kunnen openklikken tot groot formaat’ werd aangevinkt. De afbeeldingen kregen een onderschrift en een toelichting. Onder de Fotoreeks werd geen onderschrift toegevoegd.
Fotoreeks met afbeeldingen - Vergelijking - 3 kolommen
Een Fotoreeks met weergave Vergelijking, 3 kolommen. Er werden 2 rijen toegevoegd aan de vergelijking. De optie ‘Afbeeldingen kunnen openklikken tot groot formaat’ werd aangevinkt. Er werd geen onderschrift toegevoegd, enkel een toelichting bij de afbeeldingen op de eerste rij. Onder de Fotoreeks staat een onderschrift.
Deze Fotoreeks heeft een onderschrift.
Fotoreeks met afbeeldingen - Slider
Een Fotoreeks met weergave Slider. De eerste afbeelding wordt als eerste groot getoond. De optie ‘Afbeeldingen kunnen openklikken tot groot formaat’ werd aangevinkt. De afbeeldingen kregen een onderschrift en er werd een onderschrift toegevoegd onder de Fotoreeks.
Onderschrift onder Fotoreeks.
Fotoreeks met logo’s
Deze Fotoreeks bestaat uit 2 logo’s. Door websites toe te voegen, werden de logo’s aanklikbaar.
