Tabbladen maken in WordPress om inhoud te organiseren

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.

Maak prachtige tafels
Met blok-editor

Wat zijn tabbladen in WordPress?

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.

Wanneer moet je tabbladen gebruiken in WordPress?

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 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.

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

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

Early Bird-aanbieding is nu live!
Dit is de standaardtekst voor de meldingsbalk