- Methode 1: De Ultimate Blocks Plugin gebruiken<\/a>
- Stap 1: Installeer de Ultimate Blocks Plugin<\/a><\/li>
- Stap 2: Voeg het blok Inhoud Toggle toe<\/a><\/li>
- Stap 3: Het blok Content Toggle aanpassen<\/a><\/li><\/ul><\/li>
- Methode 2: Het uitvouwblok gebruiken<\/a>
- Stap 1: Het uitvouwblok toevoegen<\/a><\/li>
- Stap 2: Inhoud aan het blok toevoegen<\/a><\/li>
- Stap 3: Het uitvouwblok aanpassen<\/a><\/li><\/ul><\/li><\/ul>\n\t\t\t<\/div>\n\t\t<\/div><\/div>\n\n
<\/div><\/div><\/div>\n\n\nMethode 1: De Ultimate Blocks Plugin gebruiken<\/strong><\/h2>\n\n\n\n
Stap 1: Installeer de Ultimate Blocks Plugin<\/strong><\/h3>\n\n\n\n
Navigeer naar je WordPress dashboard, ga naar de \"Plugins\".<\/strong> en klik op \"Nieuw toevoegen.\"<\/strong> Type \"Ultieme blokken<\/strong> in de zoekbalk, zoek de plugin in de resultaten, klik op \"Nu installeren\".<\/strong> en dan \"Activeren.\"<\/strong>
<\/p>\n\n\n\n![\"Installeer](\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/1-5-1024x613.png\")
<\/figure>\n\n\n\nStap 2: Voeg het blok Inhoud Toggle toe<\/strong><\/h3>\n\n\n\n
Open het bericht of de pagina waar je inklapbare inhoud wilt toevoegen. Klik op de \"+\"-pictogram<\/strong> in de WordPress editor om een nieuw blok toe te voegen, zoek naar \"Content Toggle\" en selecteer het. <\/p>\n\n\n\n
![\"Inhoud](\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/1.2-1024x425.png\")
<\/figure>\n\n\n\nZodra je het blok hebt toegevoegd, zie je het toggle-blok in positie maar in een gesloten formaat. Klik op het pijltjesteken om het uit te vouwen, plaats de titel van uw inhoud in het \"Paneel Titel\".<\/strong> veld en vervolgens de hoofdinhoud in het \"Inhoud panel\".<\/strong> doos. <\/p>\n\n\n\n
![\"Titel](\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2.2-2-1024x450.png\")
<\/figure>\n\n\n\nAls je meer dan \u00e9\u00e9n uitklapbare of inklapbare sectie nodig hebt, klik je op de knop + knop<\/strong> onderaan het blok om een nieuwe toggle in te voegen. Op dezelfde manier kun je op de x-knop aan het einde van het blok klikken als je geen specifieke knevel wilt. <\/p>\n\n\n\n
![\"Nieuwe](\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2.3-1024x423.png\")
<\/figure>\n\n\n\nStap 3: Het blok Content Toggle aanpassen<\/strong><\/h3>\n\n\n\n
Zodra je het blok hebt geselecteerd, verschijnt het paneel met blokinstellingen aan de rechterkant van je dashboard. Daar vind je twee aparte tabbladen: Algemene instellingen en stijlen.<\/strong><\/p>\n\n\n\n
In de Algemene instellingen<\/strong> tabblad, dat kan:<\/p>\n\n\n\n
- \n
- Pas de Paneel Titel<\/strong> voor een goede hi\u00ebrarchie.<\/li>\n\n\n\n
- Stel de wisselstatus in om te bepalen of de panelen moeten worden ingeklapt of geopend wanneer de pagina wordt geladen.<\/li>\n\n\n\n
- inschakelen FAQ-schema<\/strong> om de zichtbaarheid in zoekmachineresultaten te verbeteren.<\/li>\n\n\n\n
- Gebruik Responsieve besturing<\/strong> om het blok op specifieke apparaten te verbergen of weer te geven.<\/li>\n\n\n\n
- Toevoegen Zoekvak<\/strong> voor eenvoudige navigatie door veelgestelde vragen. Deze functie is echter beperkt tot Pro-gebruikers.\u00a0<\/li>\n<\/ul>\n\n\n\n
![\"Algemene](\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/3.1-3-1024x519.png\")
<\/figure>\n\n\n\nAls je nu overschakelt naar de Tabblad Stijlen<\/strong>kun je kleuren aanpassen, randen inschakelen, toggle-pictogramstijlen en -posities instellen en opvulling en marges fijn afstellen.<\/p>\n\n\n\n
![\"Tabblad](\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/3.2-2-1024x738.png\")
<\/figure>\n\n\n\nAls je tevreden bent, klik je op \"Publiceren\" of \"Bijwerken\" om het live te zetten.<\/p>\n\n\n\n
![\"Einddemo\"](\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/toggledemo-1.gif\")
<\/figure>\n\n\n<\/div><\/div><\/div>\n\n\nMethode 2: Het uitvouwblok gebruiken<\/strong><\/h2>\n\n\n\n
Stap 1: Het uitvouwblok toevoegen<\/strong><\/h3>\n\n\n\n
Navigeer naar de pagina of het bericht waar u uw samenvouwbare\/uitvouwbare inhoud wilt plaatsen. Klik nogmaals op het \"+\"-pictogram om een nieuw blok toe te voegen, zoek naar \"Uitvouwen\" en selecteer het.\u00a0<\/p>\n\n\n\n
![\"Het](\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2.1.1-1024x444.png\")
<\/figure>\n\n\n\nStap 2: Inhoud aan het blok toevoegen<\/strong><\/h3>\n\n\n\n
Het blok heeft twee secties: een voor zichtbare inhoud (die in eerste instantie wordt weergegeven) en een andere voor verborgen inhoud (die wordt weergegeven wanneer erop wordt geklikt). Voeg de inhoud die zichtbaar moet blijven toe aan de eerste sectie boven de \"Meer tonen<\/strong>\" tekst. Plaats de rest van de inhoud in het verborgen gedeelte onder de \"Meer tonen<\/strong>\" tekst. <\/p>\n\n\n\n
![\"Zichtbare](\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2.2.2-1024x468.png\")
<\/figure>\n\n\n\nKlik op de + teken<\/strong> op elk blok, selecteer het blok van uw voorkeur en voeg later inhoud toe aan de blokken. U kunt de \"Meer tonen<\/strong>\" en \"Minder tonen\"<\/strong> teksten zodat ze beter bij je inhoud of publiek passen. Klik gewoon op de standaardteksten en vervang ze door de gewenste labels.<\/p>\n\n\n\n
![\"Inhoud](\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2.1.3-1024x472.png\")
<\/figure>\n\n\n\nStap 3: Het uitvouwblok aanpassen<\/strong><\/h3>\n\n\n\n
De gratis versie biedt beperkte aanpassingsmogelijkheden, waaronder scroll-instellingen, responsieve controle en maataanpassingen in het tabblad Stijlen. Maar als je upgradet naar de pro-versie, kun je een vervagingseffect kiezen voor geminimaliseerde inhoud (beschikbaar in Algemene instellingen). Je kunt ook de stijl, achtergrondkleur, rand en straal van de knop aanpassen voor een meer gepolijste look.<\/p>\n\n\n\n
\n![\"\"](\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2.3.1-1.png\")
<\/figure>\n\n\n\n![\"Het](\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2.3.2-1.png\")
<\/figure>\n<\/div>\n\n\n\nAls u tevreden bent met het resultaat, klikt u op \"Publiceren\" of \"Bijwerken\" om de wijzigingen op te slaan en weer te geven op uw site.<\/p>\n\n\n\n
![\"Einddemo\"](\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/expanddemo-1-1.gif\")
<\/figure>\n\n\n\nConclusie<\/strong><\/h4>\n\n\n\n
Het doel van dit artikel is om je te begeleiden bij het maken van samenvouwbare en uitbreidbare inhoud in WordPress, terwijl je een schone en eenvoudig te navigeren lay-out behoudt. Met Ultimate Blocks kun je dit bereiken zonder codering en dat ook nog eens met eenvoud in zowel bruikbaarheid als ontwerp. Inzicht in de behoeften van je publiek is cruciaal, omdat het je helpt om inklapbare inhoud te implementeren waar het de meeste waarde biedt en ervoor zorgt dat alles soepel werkt voor een optimale browse-ervaring. Houd in gedachten dat kleine veranderingen zoals deze de interactie tussen bezoekers en uw site kunnen veranderen.<\/p>","protected":false},"excerpt":{"rendered":"
Have you ever scrolled through a lengthy webpage, struggling to pinpoint the exact information you need? It\u2019s frustrating, isn\u2019t it? The solution lies in collapsible and expandable content, which is a simple yet effective way to organize information. This technique lets you present detailed content while keeping your pages clean and easy to navigate. Whether […]<\/p>\n","protected":false},"author":9,"featured_media":5045,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_eb_attr":"","footnotes":""},"categories":[7],"tags":[],"class_list":["post-5018","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-how-to"],"featured_image_src":"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/expandcollapse850-x-335-px.png","author_info":{"display_name":"Moinul Islam","author_link":"https:\/\/tableberg.com\/nl\/author\/marufmoinul27\/"},"_links":{"self":[{"href":"https:\/\/tableberg.com\/nl\/wp-json\/wp\/v2\/posts\/5018","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tableberg.com\/nl\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/tableberg.com\/nl\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/tableberg.com\/nl\/wp-json\/wp\/v2\/users\/9"}],"replies":[{"embeddable":true,"href":"https:\/\/tableberg.com\/nl\/wp-json\/wp\/v2\/comments?post=5018"}],"version-history":[{"count":4,"href":"https:\/\/tableberg.com\/nl\/wp-json\/wp\/v2\/posts\/5018\/revisions"}],"predecessor-version":[{"id":5047,"href":"https:\/\/tableberg.com\/nl\/wp-json\/wp\/v2\/posts\/5018\/revisions\/5047"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tableberg.com\/nl\/wp-json\/wp\/v2\/media\/5045"}],"wp:attachment":[{"href":"https:\/\/tableberg.com\/nl\/wp-json\/wp\/v2\/media?parent=5018"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tableberg.com\/nl\/wp-json\/wp\/v2\/categories?post=5018"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tableberg.com\/nl\/wp-json\/wp\/v2\/tags?post=5018"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
- Stap 2: Inhoud aan het blok toevoegen<\/a><\/li>
- Stap 2: Voeg het blok Inhoud Toggle toe<\/a><\/li>
- Stap 1: Installeer de Ultimate Blocks Plugin<\/a><\/li>