Tabbladen maken in WordPress om inhoud te organiseren

Dit bericht samenvatten met AI

Als je veel informatie van verschillende types beknopt moet publiceren op blogberichten of pagina's, kunnen tabbladen een handig webelement zijn om dit te doen. Ze stellen je in staat om inhoud in afzonderlijke secties te organiseren zodat gebruikers selectief de informatie kunnen verkennen en vinden die ze nodig hebben.

Met de Gutenberg blokbewerker kun je eenvoudig tabbladen toevoegen aan je blogberichten. In dit artikel laten we je zien hoe je tabbladen kunt maken in WordPress om inhoud te organiseren. Eerst beantwoorden we een aantal basisvragen.

Tabbladen dienen als navigatiehulpmiddel waarmee je veel informatie in verschillende secties kunt weergeven. Hierdoor hoeven gebruikers niet overmatig te scrollen om de uitgebreide informatie op je post of pagina te verkennen.

Ze bieden een gestructureerde indeling zodat gebruikers de specifieke informatie die ze zoeken kunnen vinden door erop te klikken. Gewoonlijk gebruiken mensen het tabbladelement om hun webpagina's weer te geven in de hoofd- en koptekstsecties.

Maar tegenwoordig kun je met behulp van bepaalde Gutenberg-plugins overal op een bericht of pagina inhoud met tabbladen maken.

Inhoud met tabbladen werkt uitzonderlijk als je een grote hoeveelheid informatie hebt die in tabelvorm moet worden weergegeven. Dit element is bijzonder effectief bij het organiseren van de volgende informatietypes.

Productomschrijvingen: Je kunt dit blok gebruiken om productspecificaties, functies en klantbeoordelingen in aparte tabbladen te behandelen.

Dienstenaanbod: Als je meerdere servicepakketten hebt, is het beter om deze in aparte secties te presenteren.

Prijsplannen: Het is al gebruikelijk om meerdere prijsplannen weer te geven in verschillende tabbladen op websites.

FAQs: Hoewel de meeste mensen graag FAQ en content toggle blokken gebruiken voor de FAQ sectie, kun je ook het tabbladblok gebruiken om deze sectie te bedekken.

Vergelijkende informatie: Als er informatie is die beter gepresenteerd kan worden in een sectie naast elkaar, dan is het tabblok handig in dit geval.

Tabbladen maken voor elke inhoud in WordPress

De standaard blokbibliotheek van Gutenberg heeft geen tabbladblok. Je moet een plugin gebruiken zoals Ultieme Blokken om het in de blokbibliotheek te hebben. De plugin heeft 25+ extra plugins waarmee je je webdesign en contentmarketing naar een hoger niveau kunt tillen.

De 'TOverbodig InhoudMet het blok 'Ultimate Blocks' kun je inhoud toevoegen in tabbladen. Laten we eens kijken hoe je dat doet.

Stap 01: Installeer en activeer de Ultimate Blocks Plugin

Ga naar Plugins > Nieuwe plug-in toevoegen. Type Ultieme Blokken in de zoekbalk in de rechterbovenhoek. Installeer en activeren de plugin nadat deze hieronder is weergegeven.

Installeer en activeer de Ultimate Blocks plugin

Stap 02: Het blok Inhoud met tabbladen invoegen

Open een bericht of pagina. Zoek de Inhoud met tabbladen blok door op plus (+) knop. Zodra u het blok hebt gevonden, voegt u het toe aan de Gutenberg-editor.

Het blok Inhoud met tabbladen toevoegen aan de Gutenberg-editor

Stap 03: Nieuwe tabbladen toevoegen en de naam wijzigen

Door op de plus (+) pictogramJe kunt zoveel tabbladen aan het blok toevoegen als je wilt.

Nieuwe tabbladen toevoegen aan het blok Inhoud met tabbladen

Klik met je cursor één voor één op de tabbladen. Je kunt ze een andere naam geven. Geef de tabbladen dus een andere naam op basis van de inhoud die je wilt weergeven.

Tabbladen van het blok Inhoud met tabbladen hernoemen

Stap 04: Inhoud aan de tabbladen toevoegen

Selecteer een tabblad waar je inhoud wilt toevoegen. Plaats de cursor vervolgens in de bijbehorende editor. Je ziet de plus (+) knop van de Gutenberg-editor verschenen. Klik en kies het inhoudsblok dat je nodig hebt.

Inhoud aan het tabblad toevoegen

Voor deze tutorial hebben we de tekst- en afbeeldingsblokken aan het tabblad toegevoegd. Op dezelfde manier kun je ook andere blokken aan het tabblad toevoegen. Doe hetzelfde in andere tabbladen.

Teksten en afbeeldingen toegevoegd aan het blok Inhoud met tabbladen

Stap 05: De tabbladen aanpassen

Ga naar de rechterzijbalk terwijl het blok Inhoud met tabbladen geselecteerd blijft. Er zijn verschillende opties om te configureren, zoals Tabbladtypen, Tabbladanker en Responsiviteit.

Als je upgradet naar de premium versie, mag je pictogrammen toevoegen aan de tabbladtitels, secundaire teksten en knoppen voor oproepen tot actie op de tabbladen.

Instellingen configureren van het blok Inhoud met tabbladen

Ga vervolgens naar de Tabblad Stijlen. Je krijgt opties om de inhoud van de tabbladen in te kleuren, de lay-out van de tabbladen te wijzigen en een nieuwe dimensie in te stellen. Ik hoop dat je dit zelf kunt ontdekken en doen.

Het blok Inhoud in tabelvorm stylen

Video-handleiding


Tabbladen maken voor tabellen in WordPress

Tabbladen zijn er niet alleen voor tekst of afbeeldingen, ze zijn ook een uitstekende manier om meerdere tabellen naast elkaar op je website te zetten. Of je gebruikers nu wilt laten wisselen tussen maandelijkse en jaarlijkse prijzen, producteigenschappen vergelijkenof gegevens in meerdere talen presenteren, Tafelberg maakt het gemakkelijk met de functie Tabbladen wisselen.

Met Tableberg's "Schakelaar voor Tableberg" blok, dat kan:

  • Meerdere tabellen toevoegen onder aparte tabbladen
  • Laat bezoekers met één klik prijsplannen, functies of datasets vergelijken
  • Houd je tabellen georganiseerd, schoon en supergemakkelijk navigeerbaar

Zo maak je tabbladen voor tabellen met Tableberg:

Stap 1: Voeg het blok 'Toggle voor Tableberg' in

  • Open je bericht of pagina in de WordPress editor.
  • Klik op het (+) pictogram, zoek naar Schakelaar voor Tablebergen voeg het blok toe.

Stap 2: Uw tabbladen instellen en aanpassen

  • Standaard zie je tabbladen met de labels "Tabblad 1", "Tabblad 2" en "Tabblad 3".
  • Klik op de pictogrammen + of - om tabbladen toe te voegen of te verwijderen.
  • Geef elk tabblad een andere naam (bijvoorbeeld "Maandelijks", "Jaarlijks", "Standaard", "Premium").
  • Gebruik het instellingenpaneel aan de rechterkant om titels, uitlijning, kleuren en randen aan te passen voor de stijl van je voorkeur.

Stap 3: Een tabel aan elk tabblad toevoegen

  • Selecteer een tabblad en klik erin om een Tableberg-tabel toe te voegen.
  • Je kunt vanaf nul een nieuwe tabel maken of een van de vooraf ontworpen tabelpatronen van Tableberg invoegen.
  • Elk tabblad kan een unieke tabel bevatten - ideaal voor vergelijkingen of het tonen van opties.

Stap 4: Voorbeeld bekijken en publiceren

  • Gebruik de preview om te controleren of je tabbladen er goed uitzien en goed werken.
  • Als je tevreden bent, publiceer of update je je bericht/pagina.

Hier is een voorbeeld van hoe een prijstabel met tabbladen eruitziet met Tableberg:

Conclusie

Het Tabbed Content blok van de Ultimate Blocks plugin is automatisch responsive op alle apparaten. Daardoor hoef je niet veel tijd te besteden aan het apparaat responsief maken.

Maar wat je moet doen is het blok op een geschikte plaats plaatsen, zodat je hele bericht/pagina perfect wordt. Bekijk onze andere post - Hoe maak je een knop voor oproepen tot actie in WordPress?.



Het Tableberg-team

Bouw prachtige WordPress tabellen - visueel!

Zeg maar dag tegen saaie tabellen. Met Tableberg kun je responsieve, interactieve tabellen maken met behulp van de Block Editor - geen code nodig.

Tableberg-interface
🛒 Nieuw: Bouw prachtige WooCommerce Producttabellen!
Dit is de standaardtekst voor de meldingsbalk