De eerste stap van het containerblok
Op deze pagina lees je hoe je het containerblok kunt inzetten en hoe alles werkt in dit blok. Stap voor stap wordt uitgelegd welke onderdelen er zijn en wat waarvoor gebruikt wordt. Als er een * bij staat in het tussenkopje, hebben we het over een verplicht in te vullen veld.
Wanneer je via nieuw blok een containerblok toevoegt aan de pagina krijg je meteen een paar keuzes te zien (zie afbeelding hierboven). Die keuzes staan hieronder beschreven.
Kolommen*
Laten we de webpagina zien als een soort tabel. De pagina bestaat uit een aantal rijen die ook weer op te delen is in het aantal kolommen. Wanneer je een containerblok toevoegt aan de pagina, is dat één rij. In het dropdown-menu kun je kiezen uit hoeveel kolommen deze rij moet bestaan. Je kan hier kiezen voor 1 blok (dus 1 kolom), 2 blokken, 3 blokken of 4 blokken. Uiteindelijk vullen de blokken altijd de volledige rij op. Bij twee blokken kun je ook kiezen hoeveel ruimte de twee blokken allebei innemen op de rij.
Let op: Bij het actueel blok kunnen er maximaal twee blokken naast elkaar.
Thema selectie*
Voor de blokken zijn verschillende thema’s te kiezen. Alle blokken in dit container krijgen dan dit thema. Het is dus niet mogelijk om in één container met 4 blokken, 4 verschillende thema’s te kiezen. In het blok hieronder worden de vier thema’s getoond in een kleine afbeelding, maar je kan de afbeeldingen groter bekijken door op de button te drukken. Je kunt ook kiezen voor een custom-thema, waarbij je je eigen achtergrondkleur kan kiezen. De voorkeur gaat uit naar het kiezen van één van de al bepaalde thema’s, om zo de eenheid op de website te behouden. Let op: thema 4 is alleen bedoeld voor het full width-blok. Deze dus niet voor andere blokken gebruiken.
Blokken
In dit onderdeel worden de blokken getoond, die je toevoegt via het knopje ‘nieuw blok’ in het containerblok. Daarmee kun je vier blokken toevoegen:
- Tekst
- Actueel
- Teaser
- Full-width
Deze blokken worden verderop op de pagina uitgelegd.
De tweede stap van het containerblok
Wanneer je hebt gekozen voor het aantal kolommen en het thema, is het tijd om blokken toe te gaan voegen aan het containerblok. Afhankelijk van je keuze voor het aantal kolommen voeg je een aantal blokken aan het containerblok toe. Dit doe je door te klikken op ‘nieuw blok’ rechtsonderin. Let wel op: deze button staat er twee keer. De bovenste (die binnen het containerblok staat) is voor het toevoegen van blokken aan het containerblok. De onderste is voor het toevoegen van blokken aan de pagina in het algemeen.
Voeg nooit meer blokken aan een container toe dan je aan kolommen hebt geselecteerd. Als je dus twee kolommen hebt geselecteerd, voeg je maar twee blokken toe. Wil je meer blokken? Voeg dan een nieuw containerblok toe.
Hieronder worden de verschillende blokken beschreven. Ieder veld in het blok komt aan bod en na de beschrijving van het blok vind je een rijtje met afbeeldingen hoe het blok eruitziet als je het als 1 blok inzet, als 2 blokken naast elkaar, enz. Zo heb je een volledig beeld van hoe iets getoond gaat worden.
Lees de beschrijvingen van de blokken goed door. Er zitten namelijk echt een paar haken en ogen aan die je wellicht niet verwacht, maar die wel van belang zijn.
Tekstblok
Titel*
In het titel plaats je, de naam verraadt het al, de titel die bovenaan het blok komt te staan. Dit is een verplicht veld, ieder blokje krijgt een titel om het overzicht op de pagina te bewaren. Maak de titel niet te lang, een titel is eerder een term dan een volzin.
Titel formaat
Bij het titel formaat geef je aan welke grootte de titel moet krijgen. Dit kan variëren van H1 t/m H6. Iedere pagina dient één H1-kop te hebben, het liefst bovenaan de pagina. Let wel: het is de bedoeling dat de H1 maar één keer gebruikt wordt. Deze is van belang voor de zoekmachines. De andere groottes, van H2 t/m H6, mogen vaker gebruikt worden.
Door verschillende kopjes te gebruiken breng je structuur aan op een pagina en maak je het voor de lezer overzichtelijk.
Tekst*
Hier plaats je de tekst, de body, van het blok. Dit is een verplicht veld, want wat is een tekstblok zonder tekst?
Uitlijning (horizontaal)*
Met deze functie kies je of de tekst links of rechts uitgelijnd wordt. Deze functie is verplicht, maar de keuze voor links staat altijd al voorgeselecteerd.
Knop label
Wil je een button toevoegen aan je blok? Vul dan in dit veld de tekst in die in de button moet komen te staan. Als je hier geen tekst in plaatst, wordt de button niet getoond.
Knop link*
Deze verschijnt alleen wanneer de knop label gevuld is en is dan verplicht. Hier vul je de URL in waar je naartoe wil linken met de button.
Knop pijl
Dit geeft de mogelijkheid weer om wel of geen pijl toe te voegen aan de button. Deze staat standaard aangevinkt. De voorkeur gaat er ook naar uit om altijd een pijl toe te voegen aan een button.
Knop formaat
Er is de mogelijkheid om een grotere button te tonen, mocht dit nodig zijn. Dan zet je het vinkje voor grotere knop aan. In de praktijk zal dit naar alle waarschijnlijkheid weinig voorkomen.
Actueel blok
Titel*
In het titel plaats je de tekst die bovenaan het blok komt te staan. Dit is een verplicht veld, ieder blokje krijgt een titel om het overzicht op de pagina te bewaren. Maak de titel niet te lang, een titel is eerder een term dan een volzin.
Titel formaat
Bij het titel formaat geef je aan welke grootte de titel moet krijgen. Dit kan variëren van H1 t/m H6. Iedere pagina dient één H1-kop te hebben, het liefst bovenaan de pagina. Let wel: het is de bedoeling dat de H1 maar één keer gebruikt wordt. Deze is van belang voor de zoekmachines. De andere groottes, van H2 t/m H6, mogen vaker gebruikt worden.
Door verschillende kopjes te gebruiken breng je structuur aan op een pagina en maak je het voor de lezer overzichtelijk.
Linklijst
In de linklijst plaats je maximaal vijf linkjes. Door op ‘nieuwe link’ te klikken (aan de rechterkant van het linklijstveld) kun je een link toevoegen. Vervolgens vul je een aantal onderdelen in
Titel* hier vul je de titel van de link in (bijvoorbeeld de kop van een nieuwsbericht)
Link* de URL naar de pagina waar je een link naartoe wilt plaatsen
Datum de datum waarop die pagina of het nieuwsbericht is gepubliceerd
Optioneel veld hier kan je eventueel extra informatie kwijt, bijvoorbeeld de schrijver
Knop label
Wil je een button toevoegen aan je blok? Vul dan in dit veld de tekst in die in de button moet komen te staan. Als je hier geen tekst in plaatst, wordt de button niet getoond.
Knop link*
Deze verschijnt alleen wanneer de knop label gevuld is en is dan verplicht. Hier vul je de URL in waar je naartoe wil linken met de button.
Knop pijl
Dit geeft de mogelijkheid weer om wel of geen pijl toe te voegen aan de button. Deze staat standaard aangevinkt. De voorkeur gaat er ook naar uit om altijd een pijl toe te voegen aan een button.
Knop formaat
Er is de mogelijkheid om een grotere button te tonen, mocht dit nodig zijn. Dan zet je het vinkje voor grotere knop aan. In de praktijk zal dit naar alle waarschijnlijkheid weinig voorkomen.
Zo ziet het blok eruit als je kiest voor 1 blok
Teaserblok
Afbeelding*
Bij de teaser plaats je altijd een afbeelding. Het ligt eraan hoeveel kolommen je gebruikt hoe groot deze afbeelding is.
Bij 1 of 2 kolommen: Verhouding van ongeveer 1 bij 3 (brede foto), minimaal 750 pixels (breedte) bij 250 pixels (hoogte).
Bij 3 of kolommen: Vierkante afbeeldingen, minimaal 400×400 pixels (bij 3 kolommen) of minimaal 300×300 pixels (bij 4 kolommen).
Titel*
In het titel plaats je de tekst die bovenaan het blok komt te staan. Dit is een verplicht veld, ieder blokje krijgt een titel om het overzicht op de pagina te bewaren. Maak de titel niet te lang, een titel is eerder een term dan een volzin.
Titel formaat
Bij het titel formaat geef je aan welke grootte de titel moet krijgen. Dit kan variëren van H1 t/m H6. Iedere pagina dient één H1-kop te hebben, het liefst bovenaan de pagina. Let wel: het is de bedoeling dat de H1 maar één keer gebruikt wordt. Deze is van belang voor de zoekmachines. De andere groottes, van H2 t/m H6, mogen vaker gebruikt worden.
Door verschillende kopjes te gebruiken breng je structuur aan op een pagina en maak je het voor de lezer overzichtelijk.
Tekst
Hier plaats je de tekst, de body, van het blok.
Knop label
Wil je een button toevoegen aan je blok? Vul dan in dit veld de tekst in die in de button moet komen te staan. Als je hier geen tekst in plaatst, wordt de button niet getoond.
Knop link*
Deze verschijnt alleen wanneer de knop label gevuld is en is dan verplicht. Hier vul je de URL in waar je naartoe wil linken met de button.
Knop pijl
Dit geeft de mogelijkheid weer om wel of geen pijl toe te voegen aan de button. Deze staat standaard aangevinkt. De voorkeur gaat er ook naar uit om altijd een pijl toe te voegen aan een button.
Knop formaat
Er is de mogelijkheid om een grotere button te tonen, mocht dit nodig zijn. Dan zet je het vinkje voor grotere knop aan. In de praktijk zal dit naar alle waarschijnlijkheid weinig voorkomen.
Full-width blok
Achtergrondafbeelding*
Plaats hier de afbeelding die je wilt tonen als banner. Afmetingen: minimaal 1250×450 pixels, maximaal 2500 pixels breed.
Achtergrondafbeelding op mobiel
Doordat je bij achtergrondafbeelding een brede foto plaats, kan het soms goed zijn om een aparte achtergrondafbeelding op mobiel te plaatsen. De achtergrondafbeelding van hierboven lijnt namelijk niet altijd uit zoals jij wilt. De achtergrondafbeelding op mobiel heeft wel een ander formaat, oftewel minder breed en dus meer vierkant. De breedte moet je tussen de 750 en 1500 pixels zetten en de hoogte tussen de 250 en 1000 pixels.
Achtergrond
Wil je een gekleurd vak achter de tekst, vink dan het vakje ‘voeg achtergrond toe’ aan. Er wordt dan een kleur uit het thema gebruikt, of je kan zelf een kleur kiezen als je custom thema hebt gekozen.
Logo
Het is mogelijk om een logo toe te voegen aan je banner.
Subtitel
Zet hier het stukje tekst neer dat boven de titel komt. Dit is dus niet je belangrijkste boodschap.
Subtitel formaat
Kies hier welk formaat de subtitel moet hebben. Dit kan variëren van h1 t/m h6. In de praktijk zul je waarschijnlijk de h1 niet gebruiken, omdat je die gebruikt voor de belangrijkste kop op de pagina.
Titel*
In het titel plaats je de tekst die bovenaan het blok komt te staan. Dit is een verplicht veld, ieder blokje krijgt een titel om het overzicht op de pagina te bewaren. Maak de titel niet te lang, een titel is eerder een term dan een volzin.
Titel formaat
Bij het titel formaat geef je aan welke grootte de titel moet krijgen. Dit kan variëren van H1 t/m H6. Iedere pagina dient één H1-kop te hebben, het liefst bovenaan de pagina. Let wel: het is de bedoeling dat de H1 maar één keer gebruikt wordt. Deze is van belang voor de zoekmachines. De andere groottes, van H2 t/m H6, mogen vaker gebruikt worden.
Door verschillende kopjes te gebruiken breng je structuur aan op een pagina en maak je het voor de lezer overzichtelijk.
Uitlijning (verticaal)*
Kies hier of je de tekst bovenaan, in het midden van of onderaan de afbeelding wilt laten zien.
Uitlijning (horizontaal)*
Kies hier of je de tekst links, in het midden of rechts in de afbeelding wilt tonen.
Knop label
Wil je een button toevoegen aan je blok? Vul dan in dit veld de tekst in die in de button moet komen te staan. Als je hier geen tekst in plaatst, wordt de button niet getoond.
Knop link*
Deze verschijnt alleen wanneer de knop label gevuld is en is dan verplicht. Hier vul je de URL in waar je naartoe wil linken met de button.
Knop pijl
Dit geeft de mogelijkheid weer om wel of geen pijl toe te voegen aan de button. Deze staat standaard aangevinkt. De voorkeur gaat er ook naar uit om altijd een pijl toe te voegen aan een button.
Knop formaat
Er is de mogelijkheid om een grotere button te tonen, mocht dit nodig zijn. Dan zet je het vinkje voor grotere knop aan. In de praktijk zal dit naar alle waarschijnlijkheid weinig voorkomen.
