Hoe maak ik een tabel in het CMS?
Met behulp van tabellen kun je verschillende soorten infomatie structureel ordenen. Je zou een tabel kunnen gebruiken om prijzen toe te voegen of stukjes tekst naast elkaar te zetten. In het CMS heb je een aantal verschillende opties om een tabel te maken.
Een tabel opzetten
Om een nieuwe tabel op te zetten ga je naar de 'pagina module' en bewerk je de pagina waar je een tabel aan toe wilt voegen. Vervolgens klik je in de WYSIWYG editor op het icoon om een tabel te maken.
Met deze knop kun je een tabel toevoegen |
Als je op het icoon geklikt hebt opent een popup waarmee je de tabel op kunt zetten. In de tabel vind je de volgende opties:
Tabeleigenschappen
- Rijen
De hoeveelheid rijen die de tabel moet hebben (rijen gaan van boven naar beneden). - Kolommen
De hoeveelheid kolommen die de tabel moet hebben (kolommen gaan van links naar rechts). - Koppen
Je kan een kop geven aan een kolom en/of een rij, bijvoorbeeld als titel. - Randdikte
Hoe dik moet de rand om de tabel zijn. Je geeft dit aan in de hoeveelheid pixels. Wil je geen zichtbare rand om je tabel hebben, dan vul je 0 in. - Uitlijning
Hoe moet de tabel worden uitgelijnd op de pagina. (links, gecentreerd of rechts op de pagina). - Breedte
Hier kun je de breedte opgeven van de tabel in pixels of procenten. Wij raden aan om altijd een breedte van 100% te gebruiken, zodat de tabel meeschaalt met de breedte van de pagina. - Hoogte
De hoogte van de tabel (wordt aangeraden om leeg te laten). - Celafstand
De ruimte om de cellen heen (wordt aangeraden om leeg te laten). - Celopvulling
De ruimte binnen de cellen (wordt aangeraden om leeg te laten). - Titel
Hiermee kun je een kop toevoegen boven de rijen. - Samenvatting
Hier kun je een korte samenvatting over de gegevens van de tabel toevoegen.
Geavanceerd (optioneel)
- ID
De optie om een id mee te geven aan de tabel (wordt aangeraden om leeg te laten). - Schrijfrichting
Je kan de schrijfrichting van de content in de tabel aanpassen (wordt aangeraden om leeg te laten). - Stijl
De optie om extra styling toe te voegen door middel van CSS (wordt aangeraden om leeg te laten). - Stylesheet-klassen
De mogelijkheid om een klasse op de tabel te zetten (wordt aangeraden om leeg te laten).
Om een standaard tabel te maken vul je onder 'tabeleigenschappen' de hoeveelheid rijen en kolommen die je wilt gebruiken in. Wij raden aan om de breedte van de tabel op 100% te zetten zodat je op andere apparaten als je mobiel of een tablet ook een juiste tabel te zien krijgt. Druk op 'ok' om de tabel te plaatsen.
Een stijl aan de tabel geven
Wanneer je de tabel hebt aangemaakt en helemaal heb gevuld kun je de tabel nog een stijl meegeven. Zorg dat je op de tabel geklikt hebt en ga vervolgens naar het tabje 'stijl' in de WYSIWYG editor.
Met deze knop kun je een stijl kiezen voor de tabel |
Je kunt in het CMS kiezen voor de volgende stijl opties voor jouw tabel:
- Responsive
Zorgt ervoor dat de tabel altijd meeschaalt met alle apparaten. Wij raden aan, wanneer je geen andere stijl wilt gebruiken, om altijd deze stijl aan te zetten. - Striped
Deze stijl geeft je tabel een gestreepte kleur met grijze en witte banen. - Striped met header
Deze stijl geeft je tabel een gestreepte kleur met grijze en witte banen en de ruimte om een kopje toe te voegen. - Slide
Hierbij heb je de visuele weergave van striped, maar op mobiel zal er een handje verschijnen om de tabel volledig te bekijken. - Slide met header
Hierbij heb je de visuele weergave van striped met header, maar op mobiel zal er een handje verschijnen om de tabel volledig te bekijken.
Andere veelgestelde vragen
- Training 01 | Inloggen in het CMS
- Training 02 | Een korte rondleiding door het CMS
- Training 03 | Hoe werken de knoppen in het CMS?
- Training 04 | Knoppen in de WYSIWYG editor
- Training 05 | Pagina module
- Training 06 | Cache legen
- Training 07 | Afbeeldingen toevoegen
- Training 08 | Een link maken in het CMS
- Training 09 | Een knop maken in het CMS
- Training 10 | Twee knoppen naast elkaar zetten
- Training 11 | Een fotoserie aanmaken
- Training 12 | Fotoserie koppelen aan een pagina