Volg deze stappen om uw eerste Product Table te maken en aan te passen:

1. Plaats het productblok Table bij Tableberg

• Klik op de (+) knop in de WordPress editor om een nieuw blok toe te voegen.
• Beginnen met typen "Product Table" in de zoekbalk van het blok.
• Selecteer Producttabel door Tableberg uit de beschikbare opties.

2. Selecteer WooCommerce Table Kolommen

• Nadat je het blok hebt toegevoegd, zie je de optie om Selecteer WooCommerce tabelkolommen.
• Kies welke productinformatie je wilt weergeven als kolommen (bijv. Productnaam, Afbeelding, Selecteer opties voor variaties, Toevoegen aan winkelwagentje, etc.).
• Gebruik de vervolgkeuzelijst om een veld te kiezen en klik vervolgens op Voeg toe om het op te nemen in je tabel.
• Je kunt kolommen op elk moment herschikken of verwijderen.

3. Kies het aantal weer te geven items

• Stel in hoeveel producten je wilt weergeven in je tabel.
• Gebruik de keuzeschakelaars om alleen aanbevolen producten of producten in de uitverkoop indien nodig.

4. Het ontwerp van de Table aanpassen

• Met het Tableberg blok geselecteerd, ga naar de rechter zijbalk en klik op de knop Stijlen tabblad (het penseelpictogram).
• Hier kun je:
  • Wijzig de achtergrondkleuren van de koptekst, rij en voettekst.
  • Pas de celvulling en spatiëring aan.
  • Regel tabelranden en globale lettertypestijlen.
• Personaliseer je tabel zodat hij perfect past bij de branding van je site.

5. Individueel subblok aanpassen

• Je kunt ook elk subblok (zoals Knop) afzonderlijk aanpassen.
• Selecteer het blok dat je wilt aanpassen en breng wijzigingen aan in het rechterpaneel met opties.

6. Uw Table publiceren

• Als je tevreden bent met de tafelopstelling en het ontwerp, klik je op Publiceer (of Update) om je producttabel live te zetten.

Tips

• Je kunt meerdere Product Table-blokken toevoegen op één pagina voor verschillende productcategorieën of -types.
• Gebruik de ingebouwde filteropties om bestsellers, uitgelichte of uitverkoopartikelen te markeren.
• Mix en match kolommen (zoals beoordelingen, SKU's, etc.) voor een rijkere productvergelijkingservaring.

Dat is het!

Met Tableberg's Product Table blok, het tonen van WooCommerce producten in een mooie, aanpasbare tabel is slechts een paar klikken verwijderd - geen codering nodig.

<p>The post How to Use the Product Table by Tableberg Block first appeared on Tableberg.</p>

In deze handleiding lees je hoe je een hover-effect toevoegt aan elke knop die je toevoegt aan een Tableberg-cel.

Stap 1: Selecteer de knop

Selecteer eerst de knop van Tableberg waarop je hover-effecten wilt toepassen. Ga vervolgens naar het tabblad Stijl in de rechter zijbalk.

Stap 2: Hover-tekst en achtergrondkleur kiezen

Selecteer nu de kleur voor de opties: Hover Text en Hover Background.

Hieronder zie je de laatste preview.

Stap 3: Sla het bericht of de pagina op

Ten slotte moet je na het toepassen van alle aanpassingen het bericht opslaan of publiceren om alle instellingen op te slaan.

Conclusie

Met slechts een paar stappen kun je met Tableberg statische knoppen veranderen in interactieve call-to-action-elementen. Het toevoegen van een hover-effect verbetert niet alleen het ontwerp, maar verhoogt ook de betrokkenheid van de gebruiker.

<p>The post How to Add Hover Effects to Buttons in Tableberg first appeared on Tableberg.</p>

Methode 1: De knoppen op de werkbalk gebruiken

Je kunt de tabel snel instellen op Breedte of Volledige breedte met de blokwerkbalk.

Stap 1

Selecteer eerst het Tableberg Blok in de editor.

Stap 2

Klik nu op het uitlijningspictogram (1) in de werkbalk en selecteer de gewenste breedte: Breedte of Volledige breedte (2).

Hieronder zie je de demo:

Methode 2: Het optiescherm gebruiken

Als je precieze controle wilt over de breedte van de tabel (in pixels), gebruik dan het Tableberg-instellingenpaneel.

Stap 1

Voor deze methode moet u het Tableberg Blok selecteren, net als bij de eerste stap van de eerste methode.

Stap 2

Navigeer nu naar de rechterzijbalk en scroll naar Tabelinstellingen.

In de Tafelinstellingen menu, navigeer naar Tabel Breedte en de schuifregelaar aanpassen om de breedte van de tabel te vergroten of te verkleinen.

Je kunt de exacte meting ook handmatig invoeren in pixels.

Je kunt de metingen ook invoeren in andere maateenheden, zoals px, rem, vh, enz.

Conclusie

Zo wijzig je dus de tabelbreedte in Tableberg.

Overweeg het gebruik van de "Breed" of "Volledig voor responsieve lay-outs.

En gebruik aangepaste pixelbreedte wanneer je consistentie tussen pagina's of secties nodig hebt.

<p>The post How to Adjust Table Width in Tableberg first appeared on Tableberg.</p>

Deze handleiding laat zien waar je de randradiusoptie kunt vinden en hoe je deze toepast op knoppen in je tabel. Volg de onderstaande stappen om aan de slag te gaan.

Stap 1: Klik op de knop in de tabel

Zoek de knop die je al hebt toegevoegd in een tabelcel. Klik er direct op om de Knopblok.

Stap 2: Open het paneel met blokinstellingen

Ga met de knop geselecteerd naar de rechter zijbalk en schakel over naar de Stijlen tabblad om de aanpassingsopties te openen.

Stap 3: Scroll naar de optie Grensradius

In de blokinstellingen scrol je naar beneden tot je de optie Grens sectie. 

Stap 4: Pas de randradius aan

Klik op de + pictogram naast het randlabel, selecteer Straalen gebruik het invoerveld of de schuifregelaar om de kromming van de hoeken van de knop te wijzigen. 

Zodra je dit hebt ingesteld, wordt de nieuwe randradius meteen weergegeven op de knop. En zo is de vorm van je knop klaar voor de stijl waar je voor gaat.

Conclusie

Dat is alles wat nodig is om de vorm van je knoppen te veranderen in Tableberg. Of u nu scherpe hoeken wilt of een volledig afgeronde look, de randradius instelling geeft u snelle controle zonder een enkele regel code te schrijven. Probeer een paar waarden uit en kijk wat het beste past bij de sfeer van je tabel.

Hoe de knopkleur veranderen in Tableberg

<p>The post How to Change the Border Radius of a Button in Tableberg first appeared on Tableberg.</p>

In deze handleiding leer je hoe je de kleuren en hover-effecten van knoppen kunt aanpassen in de editor, zodat je tabellen netjes, functioneel en professioneel blijven.

Stap 1: Klik op de knop in de tabel

Zoek de knop die je hebt toegevoegd in een tabelcel. Klik direct op de knop om het Button-blok te selecteren.

Stap 2: Open de zijbalk met blokinstellingen

Zodra de knop is geselecteerd, kijk je naar de rechterzijbalk. Als de zijbalk niet zichtbaar is, klik dan op het pictogram Instellingen in de rechterbovenhoek van de editor om deze te openen.

Stap 3: ga naar het tabblad Stijlen

Ga in de zijbalk naar het tabblad Stijlen. Hier bevinden zich alle uiterlijk-gerelateerde instellingen voor het Button-blok.

Stap 4: Kies een nieuwe knopkleur

Scroll naar beneden voor het gedeelte Kleur. Je ziet opties om de tekstkleur, hover-tekstkleur, achtergrondkleur en hover-achtergrondkleur voor de knop in te stellen. 

Klik op het kleurenpalet en kies een kleur naar keuze, of voer een HEX/RGB-code in als je precieze controle wilt.

Conclusie

Een goed ontwerp van knoppen in Tableberg tabellen komt neer op twee essentiële elementen. Ten eerste moet de kleur van de knop duidelijk contrasteren met de achtergrond van de tabel, zodat hij in één oogopslag opvalt. Ten tweede, een gedefinieerde hover-status geeft gebruikers direct feedback en bevestigt dat de knop interactief is.

Nu je weet hoe je beide moet instellen, zullen je knoppen er goed uitzien en zich gedragen zoals gebruikers verwachten.

Stijlvolle knoppen ontwerpen in WordPress

<p>The post How to Change the Button Color in Tableberg first appeared on Tableberg.</p>

Zo:

Stap 1: Ga naar het WordPress Dashboard

Navigeer naar je WordPress dashboard en klik op Nieuwe plugin toevoegen onder de Plugins menu.

Stap 2: Zoeken naar Tableberg

Typ in de volgende stap 'Tafelberg' in de zoekbalk en druk op enter.

Stap 3: De plugin installeren en activeren

Wanneer de Tableberg-plugin verschijnt, klikt u op de knop Nu installeren knop. Nadat de installatie is voltooid, klikt u op Activeren om Tableberg te gaan gebruiken.

Volgende stappen

Eenmaal geactiveerd kom je op de welkomstpagina terecht. Van daaruit kun je de functies verkennen of direct naar de blok-editor gaan om je eerste tabel te maken.

Lezen: Hoe uw eerste tabel maken met Tableberg

Als je vragen hebt, voel je vrij om contact met ons op te nemen!

<p>The post How to Install the Tableberg Plugin first appeared on Tableberg.</p>

Volg deze stap-voor-stap handleiding om rijen of kolommen in je WordPress tabel te verplaatsen.

Stap 1: Selecteer de rij of kolom die u wilt verplaatsen

Klik op de rij of kolom om het te selecteren.

Stap 2: Ga naar de optie Verplaatsen

Klik op het pictogram 'Tabel bewerken' in de werkbalk en je ziet de opties voor het verplaatsen van rijen/kolommen.

Stap 3: Selecteer de gewenste verhuisoptie

Nu kun je de kolom naar rechts of links verplaatsen en de rij naar boven of beneden. In dit geval verplaats ik de kolom naar rechts.

Dat is het! Je hebt met succes een rij of kolom verplaatst in je tabel met behulp van Tableberg.

<p>The post How to Move a Row/Column first appeared on Tableberg.</p>

Deze handleiding laat je zien hoe je in een paar stappen een tabel kopieert.

Stap 1: Selecteer het hele tabelblok

Selecteer om te beginnen het hele Tableberg blok door op het Tableberg pictogram te klikken in de werkbalk van het blok. Zorg ervoor dat de hele tabel gemarkeerd is.

Stap 2: Ga naar de optie Kopiëren

Zodra de tabel is geselecteerd:

1. Klik op het menu met drie puntjes (Meer opties) in de werkbalk van het blok.
2. Selecteer de Kopie optie.

Stap 3: de gekopieerde tabel plakken

Navigeer naar de locatie waar je de gekopieerde tabel wilt toevoegen. Plaats je cursor daar en druk op Ctrl + V (Windows) of Cmd + V (Mac) om de gekopieerde tabel te plakken. De tabel wordt precies zo weergegeven als in het origineel.

Conclusie

Tabellen kopiëren in Tableberg is zo eenvoudig als een paar klikken. Deze functie helpt je tijd te besparen en een consistente opmaak te behouden voor meerdere tabellen op je site.

Als je problemen ondervindt of vragen hebt, kun je contact opnemen met onze ondersteuningsteam.

Lees ook:

• Een tabel dupliceren
• Een rij/kolom dupliceren

<p>The post How to Copy a Table first appeared on Tableberg.</p>

Deze gids zal je stap voor stap door het proces leiden. Of je nu upgradet naar een hoger plan of overstapt naar een levenslange licentie, het proces zorgt ervoor dat je alleen het verschil betaalt, dankzij ons prijssysteem.

Je licentie upgraden is snel en eenvoudig! Volg de onderstaande stappen.

Stap 1: Ga naar de pagina Prijzen

Bezoek de Tableberg prijzen pagina en klik op de knop Kies onder het gewenste plan.

Klik op de optie 'Licentiesleutel invoeren' zodra de prijswizard verschijnt.

Stap 2: Typ je licentiesleutel

Voer je bestaande licentiesleutel in het vak in en klik op de link 'TOEPASSEN'.

Stap 3: De upgrade voltooien

Na het voltooien van de bovenstaande stappen wordt de aangepaste prijs weergegeven.

Als je dat goed vindt, klik je op de 'Beoordelingsvolgorde' knop.

Conclusie

Dat is het! Je licentie is nu geüpgraded. Als je meer hulp nodig hebt, kun je contact opnemen met ons ondersteuningsteam of meer informatie vinden in onze documentatie.

<p>The post How to Upgrade Your License first appeared on Tableberg.</p>

Laten we eens kijken hoe je de achtergrondkleur van de tabelheader kunt veranderen met de Tableberg plugin.

Stap 01: De tabelkop inschakelen

Selecteer de volledige tabel door door te klikken op de Tableberg pictogram. Standaard is de koptekst uitgeschakeld. Dus, uitzetten de Kopregel uitschakelen optie.

Je kunt zien dat de koptekst is ingeschakeld. Voeg nu enkele titels toe aan de koptekst.

Stap 02: De achtergrondkleur van de koptekst wijzigen

Ga naar de Tabblad Stijlen op de rechterzijbalk. Klik op de Achtergrondkleur koptekst optie.

Er wordt een kleurvak geopend. Selecteer een kleur. Deze wordt meteen toegepast op de koptekst.

Het is dus eenvoudig om de achtergrondkleur van de tabelheader te wijzigen.

Conclusie

Hopelijk heb je genoten van deze gids. Je kunt de tabelkop voor verschillende andere doeleinden gebruiken. Je kunt bijvoorbeeld de maateenheden (prijzen, gewichten, grootte) en categorische informatie (gegevens, regio) in de kopcellen definiëren.

Voordat je vertrekt, kun je dit bericht over hoe maak je een WordPress tabel sorteerbaar.

<p>The post How to Change the Table Header Background Color first appeared on Tableberg.</p>