Inhoudsopgave
We definiëren de hoofdgedachte van een CMS als volgt:
De eenvoudige manier om de inhoud van de website te onderhouden, houdt deze fris en accuraat voor niet-technische beheerders. Hierdoor kunt u uw website gebruiken als het primaire communicatiekanaal met lage kosten. Daarom is de overstap naar een Gutenberg-thema en blokken de beste keuze om je marketingdoelen te bereiken. We bewijzen het bovenstaande door te laten zien hoe je een tabel toevoegt in WordPress zonder plugin.
Je kunt een aantal blogposts vinden over hoe je een tabel toevoegt in WordPress zonder plugin waarin staat dat het niet eenvoudig is of dat je Google Docs of Word moet gebruiken. Nou, dat kan waar zijn, tenzij je nog steeds niet bent overgestapt op het Citadela Gutenberg thema. Oude thema's met hun page builder gebruiken een klassieke editor. En er was niet zo'n gemakkelijke optie als Gutenberg editor je geeft.
Nu beginnen
Eenmalige betaling. 30 dagen geld-terug garantie.
Verken twee opties voor WordPress-tabellen in Citadela
Op basis van de inhoud van je WordPress tabel, heb je twee keuzes voor het Gutenberg blok dat een tabel maakt in WordPress. Je krijgt veel meer opties dan je je kunt voorstellen in combinatie met andere blokken.
- Prijs Tabelblok (alleen beschikbaar in Citadela Pro invoegtoepassing)
- Tabelblok (WordPress kernblok)
Gebruik de premium versie van Citadela en je hebt geen extra plugin nodig om de tabel toe te voegen in WordPress.
Prijs tabel blok
Omdat tabellen meestal worden gebruikt om artikelen en prijzen te presenteren, hebben we een speciaal Prijstabel blok gemaakt, dat is opgenomen in Citadela Blocks plugin (algemeen compatibel met de meeste moderne WP-thema's). Je kunt het heel eenvoudig gebruiken in de WordPress blok editor om prijzen op een aantrekkelijke manier te presenteren en te beheren.
Dit blok heeft geavanceerde instellingen en je kunt de responsieve versie instellen volgens je behoeften. Het is beschikbaar in Citadela Pro Plugin.
WordPress zelf biedt echter een standaardblok voor het maken van tabellen. Het heet eenvoudig: Tabel bloken je kunt er binnen een paar minuten een heel eenvoudige presentatie mee maken, bijvoorbeeld van je abonnementspakketten.
Vandaag bekijken we Table Block in meer detail en praten we over:
- Waarom zijn tabellen in WordPress praktisch
- Hoe gebruik je het blok Tabel en maak je een tabel in WordPress (zonder plugin)
- Instellingen tabelblok in werkbalk
- WordPress Tabel blok instellingen in de inspector
- Extra tip: Hoe voeg je een tabel in naast de afbeelding?
Waarom zijn tabellen in WordPress praktisch
Tabellen worden universeel gebruikt in Berichten en Pagina's. De basisfunctie is het organiseren van gegevens of getallen. Tabellen zijn ook nuttig voor bloggers. Reisbloggers kunnen bijvoorbeeld prijzen vergelijken voor individuele bestemmingen. Foodbloggers kunnen gemakkelijk een lijst van ingrediënten of benodigde hoeveelheden maken.
Last but not least is het mogelijk om tabellen te gebruiken om openingstijden of prijstabellen van diensten en producten te presenteren. Het maakt niet uit of je een website hebt voor een restaurant, schoonheidssalon of bakkerij. Je zult zeker gebruik kunnen maken van tabellen op je website.
Tabelblok gebruiken en tabel maken in WordPress (zonder plugin)
Tabellen maken in WordPress met behulp van block editor is een fluitje van een cent. Met behulp van Table block kun je in een paar klikken tabellen maken zonder plugin of codering. Laten we eens kijken hoe het werkt:
- Als eerste moet je het WordPress Tabelblok invoegen. Je kunt dit doen door op "+" te klikken in de bovenste balk of ergens anders in de editor. Daarna kun je een bepaald blok kiezen.
Het is ook mogelijk om tabelblok in te voegen met schuine streep "/" na het woord "table" om te zoeken naar tabelblok.
Nadat je het tabellenblok hebt toegevoegd aan je pagina of bericht, moet je de basisinstellingen instellen, zoals het aantal kolommen en rijen.
Ontdek het nieuwste Citadela thema, waar je tabellen kunt maken met behulp van het WordPress Tabel blok en ook gebruik kunt maken van onze op maat gemaakte blokken. Leer meer over Citadela dat je kunt aanpassen met lay-out pakketten ontwikkeld voor specifieke soorten bedrijven.
Instellingen tabelblok in werkbalk
Nu weet je hoe je een tabel kunt maken in WordPress. Vervolgens laten we je zien hoe je ermee kunt werken.
Met de werkbalk boven de tabel kun je de opmaak en styling wijzigen. Met deze instellingen kun je veranderen hoe de tabel eruit komt te zien. Vergeet niet dat het uiteindelijke uiterlijk altijd afhangt van het actieve WordPress thema dat je gebruikt.
Wat kan er veranderd worden?
1. Blokstijlen
Met het eerste pictogram kun je tabelstijlen selecteren. Je kunt kiezen uit 2 opties:
- Standaard - Tabelcellen hebben randen, zonder achtergrond. Achtergrondkleur voor het hele blok kan later worden toegevoegd.
- Strepen - tabel zonder randen, maar elke tweede regel wordt gemarkeerd met een achtergrond. Deze stijl is moderner en minder formeel.
2. WordPress tabelblok uitlijnen
De uitlijning van de tabel kan ook worden gewijzigd in de bovenste werkbalk boven het blok. Je kunt kiezen voor een van de klassieke uitlijningen zoals links, rechts of in het midden, maar je kunt de tabel ook breed of volledig breed maken. De beschikbaarheid van de laatste twee is altijd afhankelijk van het actieve WordPress thema dat je gebruikt.
3. Tabelinhoud opmaken
Tekst of getallen in tabellen kunnen vet of cursief worden weergegeven. Je kunt een link naar een andere pagina, grafiek of afbeelding toevoegen.
4. Tekstuitlijning in tabel
De nieuwste versie van WP zorgt ervoor dat het mogelijk is om niet alleen de hele tabel uit te lijnen, maar ook de tekst binnen de rijen. Je kunt nu ingevoegde tekst op elke regel apart uitlijnen. Deze functie helpt je om een mooiere tabel te maken.
5. Aantal kolommen en rijen
Hoe voeg je kolommen of rijen in tabellen toe in WordPress? In het tabellenblok is dat heel eenvoudig. Met dit blok kun je heel snel cellen toevoegen of verwijderen. Klik gewoon op "Tabel bewerken" en daarna op de actie die je wilt uitvoeren. Als je op "Rij toevoegen na" klikt, wordt er onderaan meteen een nieuwe rij aangemaakt.
WordPress Tabel blok instellingen in inspector
Terwijl je met de bovenste werkbalk instellingen voor tabelcellen kunt wijzigen, wordt een werkbalk aan de rechterkant, Inspector genaamd, gebruikt voor complexere instellingen van tabelblokken. Ook hier kun je blokstijlen configureren (Standaard of Strepen), maar je kunt ook achtergrondkleur en tabelbreedte instellen.
Tafelinstellingen
Standaard passen tabelcellen zich dynamisch aan aan de hoeveelheid tekst die erin staat. Je kunt ook de functie "Vaste breedte tabelcellen" gebruiken. Alle cellen hebben dan dezelfde breedte, ongeacht wat je erin zet.
Kleurinstellingen
Met Inspector kun je ook de achtergrondkleur van de tabel wijzigen. Als je Standaardstijl hebt geselecteerd, zal de hele tabel dezelfde achtergrondkleur hebben. Als je Strepen selecteert, krijgt alleen elke tweede regel een achtergrond.
Nieuw toegevoegde functie: Ondersteuning van header en footer
Om tabellen toegankelijker te maken, hebben ontwikkelaars de header en footer optie toegevoegd aan het WordPress Tabel blok. Deze functionaliteit zorgt ook voor een betere structurele definitie (van gegevens) en geeft nauwkeurigere informatie aan mobiele assistenten. De tabelstructuur omvat nu <thead>, <tfoot>
en <tbody>
om de kop, voettekst en body van de tabel te identificeren en te onderscheiden. Je kunt de kop- en voetteksten direct vanuit de Inspector in- of uitschakelen.
Extra tip: Hoe maak je een tabel in WordPress zonder plugin naast de afbeelding?
Moet je een tabel en een afbeelding naast elkaar hebben? Dan moet je het blok Kolommen gebruiken. Met dit blok kun je verschillende inhoudstypen invoegen in kolommen en ze mooi uitlijnen.
Hoe doe je dat?
Voeg Tabelblok in in één kolom en Afbeeldingsblok in de tweede. Zo krijg je een geneste tabel binnen het WordPress Kolomblok naast de afbeelding. Het is heel eenvoudig en je hoeft je geen zorgen te maken over uitlijning of responsieve versie.
Je kunt meer lezen over Kolomblok in ons artikel Hoe maak je kolommen in WordPress zonder plugin.
Uitstekend hulp!
Heel goed bericht, wordpress heeft opties die veel gebruikers niet zien, je bericht verduidelijkt het. Het is de dood van tabel plugins
Geweldig...!
Zonder plug-in Klassiek
Wat een leuke informatie! Zeker een aanrader en een ontdekking!
Het heeft me echt geholpen, heel erg bedankt.
Bedankt. Het was echt een hulp
Zeer nuttig. Geweldig om meer te leren over de nieuwe blokfuncties van Gutenberg. Ga zo door! Nog een fijne dag 🙂
Het mist een essentiële functie, namelijk responsief.
Als ik de tabel mobiel bekijk met 6 kolommen of meer, wordt hij gecomprimeerd en ziet hij er vreselijk uit.
Ze hadden het op zijn minst moeten testen!
Dit is echt heel nuttig. Bedankt
Nu je klaar bent met het maken van de tabel, is de volgende stap om hem toe te voegen aan je bericht. Daarvoor moet je eerst de Shortcode van de tabel kopiëren. Dat kun je doen door te navigeren naar TablePress Alle tabellen. Zoek vervolgens de tabel die je wilt kopiëren en klik eronder op Show Shortcode? Na een klik verschijnt er een pop alert met de shortcode.
Ik begrijp niet waarom de WordPress ontwikkelaars er niet aan hebben gedacht om de tabel in 2020 responsive te maken. Hoe is dat zelfs maar mogelijk? Dus voordat het zover is, zullen er nog steeds plugins nodig zijn om dit op te lossen. Naar mijn eerlijke mening. Maar wel een geweldig artikel.
Hoe randen aan tabellen toevoegen?
Hallo daar,
Bedankt voor het vragen. Er is standaard geen optie om dit te beheren in paneelbeheer. Misschien kunt u overwegen om een ander type tabelblok te gebruiken. Kijk eens naar die van PublishPress Blocks (waar u verschillende soorten randen, kleuren, lettertypen, achtergronden enz. kunt beheren).
Fijne dag!
Zlatko
AIT-team
Is er een manier om cellen van een kolom samen te voegen zonder plugins te gebruiken?
Hallo daar,
Bedankt voor je vraag. Het blok dat behandeld wordt door de WordPress community staat op dit moment geen samenvoegcellen toe. Misschien kan daar in de toekomst een optie voor komen.
Als we je nog ergens mee kunnen helpen, neem dan gerust contact met ons op.
Fijne dag!
Zlatko
AIT-team