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 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.
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.
Stap 03: Nieuwe tabbladen toevoegen en de naam wijzigen
Door op de plus (+) pictogramJe kunt zoveel tabbladen aan het blok toevoegen als je wilt.
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.
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.
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.
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.
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.
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?.
