De meeste mensen die WordPress gebruiken zijn geen ontwikkelaars. Bloggers, marketeers en eigenaren van kleine bedrijven - we willen allemaal strakke, professionele tabellen maken zonder in de code te duiken. Dat is waar WYSIWYG-tabellen het verschil maken.
WYSIWYG staat voor "Wat je ziet is wat je krijgt". Het betekent dat je tabellen maakt en bewerkt op een manier die het uiteindelijke uiterlijk weerspiegelt, net zoals je zou doen in een Word-document. Als het standaard tabellenblok je meer laat wensen, dan is deze gids iets voor jou.
Vandaag laat ik je zien hoe je een visueel verbluffende tabel kunt maken met de WYSIWYG table builder plugin. De tabel staat hieronder.
Wat is een WYSIWYG-tabel in WordPress?
Met een WYSIWYG-tabel kun je inhoud visueel bewerken, rechtstreeks in de WordPress editor. Geen HTML. Geen shortcodes. Alleen realtime resultaten en intuïtieve bediening.
Je krijgt:
-
Real-time bewerken zonder herladen
-
Flexibele opmaak met rijke media
-
Een drag-and-drop gevoel voor structuur
-
Eenvoudige integratie van afbeeldingen, pictogrammen en knoppen
Het is de eenvoudigste manier om inhoudsrijke tabellen te maken zonder technische overhead.
Waarom het standaard WordPress tabellenblok tekort schiet
Het ingebouwde tabellenblok doet zijn werk voor basislay-outs, maar daar houdt het ook op:
-
Geen slepen en neerzetten voor rijen of kolommen
-
Beperkte aanpasbaarheid voor randen, spatiëring of kleuren
-
Cellen samenvoegen en splitsen is niet mogelijk
-
Geen ondersteuning voor media in cellen
-
Slechte mobiele respons
Als je tabel meer nodig heeft dan gewone tekst, loop je al snel tegen een muur.
Waarom kiezen voor een WYSIWYG-tabelplugin?
Om het volledige potentieel van tabelontwerp te ontsluiten, is een visuele tabel-plugin zoals Tafelberg is een slimme keuze. Het geeft je:
-
Visuele editor: Breng wijzigingen aan zoals u ze ziet - geen giswerk
-
Slepen en neerzetten: Het herschikken van cellen duurt seconden
-
Media Blokken: Afbeeldingen, knoppen, pictogrammen en sterwaarderingen toevoegen
-
Aangepaste stijlen: Regel celvulling, randen, uitlijning en kleuren
-
Mobielvriendelijk: Kies hoe je tabel reageert op kleinere schermen
Dit soort plugin maakt het ontwerpen van rijke tabellen net zo eenvoudig als het bewerken van een blogpost.
Maak prachtige tafels
Met blok-editor
Hoe een WYSIWYG-tabel maken met Tableberg
Om een WYSIWYG-tabel te maken met Tableberg, moeten we eerst de plugin installeren.
1. De Tableberg-plugin installeren
Ga naar Plugins (1) > Add New (2), zoek naar "Tableberg" (3) en klik op Installeren (4) gevolgd door Activeren.
2. Een nieuwe tabel toevoegen
Open een bericht of pagina waar je de tabel wilt toevoegen. Klik op de plus (+) pictogram op de editor (1). Type Tafelberg in het zoekvak (2). Het blok toevoegen aan de editor (3).
Stel het aantal kolommen en rijen in voor de tabel. We selecteren 3 × 5 voor nu, maar zal kolommen en rijen maken of verwijderen indien nodig. Klik op de Tabel maken knop aan het einde.
Je ziet de tabel binnenkort ingevoegd in de editor, zoals hieronder.
Stap 3: Inhoud visueel toevoegen
A. Tekstinhoud invoegen
Plaats je cursor in de tabelcellen en typ zoals je wilt.
B. Afbeeldingen toevoegen
Voeg nu het afbeeldingsblok in om je productafbeeldingen in te voegen door op de "+" pictogram. U kunt afbeeldingen uploaden of kiezen uit de mediabibliotheek.
C. Sterrenscore toevoegen
Voeg sterren toe als je dat wilt. Sterbeoordelingen zijn een geweldige manier om de kwaliteit van je producten aan te tonen.
D. Uw knoppen toevoegen
Buttons zijn een effectieve manier om een product of dienst te promoten. Plaats ze dus strategisch
Een knop linken is ook eenvoudig: klik op de knop, selecteer de linkoptie, voer je bestemmingslink in en pas de linkattributen aan.
Je kunt je knoppen aanpassen en aanpassen via het paneel aan de rechterkant.
E. Pictogrammen invoegen
Pictogrammen werken als een charme om aan te geven welke functies beschikbaar zijn en welke niet. Het invoegen van het blok met pictogrammen is hetzelfde als elk ander blok.
F. Gestileerde lijst invoegen
Gestileerde lijst is een ander essentieel blok waarmee je tegelijkertijd een reeks functies met pictogrammen kunt toevoegen.
Voeg nu je functies toe. Elke keer dat je op de "Enter" toets van je toetsenbord drukt, kun je nieuwe functies toevoegen.
Je hebt toegang tot de aanpassingsopties voor het blok Gestileerde lijst aan de rechterkant van de editor.
Hier is de tabel die ik heb gemaakt met Tableberg zonder aanpassingen.
Ik heb wat kleuren, opvulling, marge en een lint bovenaan toegevoegd. Hieronder staan de afbeeldingen van de aanpassingen die ik heb gemaakt.
Hier zijn de kleurcodes die ik in de tabel heb gebruikt. (Kleur kop: #f3f3f3, Kleur achtergrond even rij: #3fad3d63, Kleur achtergrond oneven rij: #d1dec8)
Na aanpassing wordt de uiteindelijke versie hieronder gepresenteerd.
Productnaam |
Canon EOS  $1400 Beste optie |
Lumix GH6  $1200 |
|---|---|---|
Weersafdichting |
||
LCD-aanraakscherm |
||
Extra functies |
|
|
WIFI-verbinding |
Als je tevreden bent, publiceer of update je de pagina. Je visueel opgemaakte tabel is nu live.
Andere WYSIWYG-tabelplugins die het overwegen waard zijn
Terwijl Tafelberg een soepele, op blokken gebaseerde ervaring biedt, zijn er andere solide opties, afhankelijk van je behoeften:
-
WP-tabelbouwer - Drag-and-drop, flexibele inhoudsondersteuning, ondersteunt elke paginabouwer.
-
Ninja Tafels - Rijk aan functies met integraties en voorwaardelijke logica
-
TablePress (met uitbreidingen) - Goed voor grote datasets
Ze hebben elk hun sterke punten, maar Tableberg is gebouwd om naadloos samen te werken met Gutenberg en geeft voorrang aan visuele bewerking.
Praktische voorbeelden
WYSIWYG-tabellen zijn perfect voor:
-
Prijsvergelijkingen en uitsplitsingen van functies
-
Affiliate tabellen met knoppen en beoordelingen
-
Teamledenroosters of evenementschema's
-
Productcatalogi met mediarijke cellen
-
Stap-voor-stap uitleg
-
Samenvattingen voor lange blogberichten
Als je inhoud structuur of vergelijkingen bevat, maken deze tabellen de inhoud boeiender en informatiever.
Laatste gedachten
Een goed uitziende tabel maken zou geen technische uitdaging moeten zijn. Een WYSIWYG-plugin zoals Tafelberg geeft je de vrijheid om tabellen te ontwerpen die passen bij de stijl van je inhoud, zonder ook maar één regel code aan te raken.
Als je functies, vergelijkingen of dynamische lijsten wilt weergeven, is dat met Tableberg heel eenvoudig.
Klaar om Tableberg uit te proberen?
Begin vandaag nog met Tableberg ➔
Lees meer!
