Basiselement standaard
Een card met de 'standaard' layout, afbeelding en hyperlink.
Card: Basiselement
De Modulair Content Element (MCE) 'Card: Basiselement' is een doorontwikkeling van de eerdere 'Element card'. Oude element cards zijn automatisch omgezet naar deze nieuwe card. Deze card Basiselement heeft meerdere toepassingen, omdat hier (eind mei 2025) meerdere oude cards in op gaan:
- Locatie
- Standaard card
- Standaard card met afbeelding
- Hyperlinks
- Social media
- Vernieuwing van Element card
Er zijn twee typen vormgeving ('layouts') van de MCE Card Basiselement:
- Standaard card (afbeelding 1 hiernaast)
- Highlight card (afbeelding 4 hiernaast)
In deze cards kun je maximaal één hyperlink toevoegen.
Hieronder staan deze twee layouts verder beschreven.
Afbeelding 2:
Toevoegen Modulair Content Element (MCE)
Je start altijd met het toevoegen van een Modulair Content Element (MCE). Dit doe je als volgt:
Stap 1
Open de bewerkmodus en ga in je pagina op de plek staan waar je de card met afbeelding wilt plaatsen.
Stap 2
Klik op 'Invoegen'. Er klapt nu een menu open. Het kan zijn dat je hier al meteen 'Modulair Content Element' ziet staan. Is dit niet het geval, dan klik je op 'Meer..' en kies je uit dit overzicht het item 'Modulair Content Element'.
Stap 3.
Je ziet nu de pop up van afbeelding 3 hiernaast.
Klik op 'Selecteer een template' en kies voor 'Card - Basiselement'. Klik vervolgens op de knop 'Toepassen'. De pop-up ververst zich nu.
Afbeelding 3: kies voor Card - Basiselement
Vervolgens selecteer je de Standaard of de Highlight layout (zie afbeelding 4 hiernaast).
Afbeelding 4: selecteer de Standaard of de Highlight layout
Stap 4.
Je ziet nu de volgende velden:
Afbeelding 5: velden van de MCE Card Basiselement
Naast bovenstaande layouts, kun je de Card Basiselement op vier manieren gebruiken. Vul de betreffende velden om op jouw gewenste weergave uit te komen.
Standaard met afbeelding en link
- Layout: Laat leeg of selecteer 'Standaard'
- Titel: Voer hier een (korte) tekst in
- Tekst: Voer hier een (korte) tekst in
- Link: Kies hier voor een interne of externe link en voer de link in
- Afbeelding: Upload hier een afbeelding en vul de alt tekst.
Let op dat het beeld nooit groter mag zijn dan 0,5mb!
Het formaat van een afbeelding in de standaard Basiselement-card is verhouding 4:5, bijvoorbeeld 1052 x 702 px
Het formaat van een afbeelding in de highlight Basiselement-card is eveneens verhouding 4:5, bijvoorbeeld 1052 x 702 px
Standaard met afbeelding en video
- Layout: Laat leeg of selecteer 'Standaard'
- Titel: Voer hier een (korte) titel in
- Tekst: Voer hier een (korte) tekst in
- Afbeelding: Upload hier een afbeelding en vul de alt tekst. Let op dat het beeld nooit groter mag zijn dan 0,5mb!
- Video - Youtube ID: Plak hier het laatste stuk (na v=, maar voor een eventuele &) van de URL van de YouTube video. Bijvoorbeeld:
https://www.youtube.com/watch?v=UbRyUvUSxpk&t=3s
- Layout: Laat leeg of selecteer 'Standaard'
- Titel: Voer hier een (korte) titel in of laat leeg
- Tekst: Voer hier een (korte) tekst in of laat leeg
- Adres - straat: Vul hier de straatnaam in
- Adres - huisnummer: Vul hier het huisnummer in
- Adres - plaats: Vul hier de plaatsnaam in
- Adres - toon kaart: Vink dit veld aan!
- Layout: Selecteer 'Highlight'
- Titel: Voer hier een (korte) titel in
- Tekst: Voer hier een (korte) tekst in
- Link: Kies voor een interne of externe link en voer deze in
- Afbeelding: Upload hier een afbeelding en vul de alt tekst in. Let op dat het beeld nooit groter mag zijn dan 0,5mb.
Stap 5.
Als je alle nodige velden hebt gevuld klik je op 'Ok'. De card staat nu op je pagina. Vergeet niet om vervolgens je pagina op te slaan!