Heb je wel eens door een lange webpagina gebladerd, terwijl je moeite had om precies die informatie te vinden die je nodig had? Frustrerend, nietwaar? De oplossing ligt in samenvouwbare en uitvouwbare inhoud, een eenvoudige maar effectieve manier om informatie te organiseren.
Met deze techniek kun je gedetailleerde inhoud presenteren terwijl je pagina's schoon en eenvoudig te navigeren blijven. Of het nu gaat om FAQ's, productbeschrijvingen of blogberichten, samenvouwbare secties verbeteren de bruikbaarheid en betrokkenheid.
Het goede nieuws? Je hoeft niet in codering te duiken om het te implementeren. Met WordPress maken tools zoals de Ultimate Blocks plugin het ongelooflijk eenvoudig. Ultimate Blocks, een speciaal ontworpen plugin voor Gutenberg gebruikers, biedt functies zoals de Inhoud Toggle en Blokken uitbreiden waarmee je interactieve en inklapbare secties kunt maken.
Methode 1: De Ultimate Blocks Plugin gebruiken
Stap 1: Installeer de Ultimate Blocks Plugin
Navigeer naar je WordPress dashboard, ga naar de "Plugins". en klik op "Nieuw toevoegen." Type "Ultieme blokken in de zoekbalk, zoek de plugin in de resultaten, klik op "Nu installeren". en dan "Activeren."
Stap 2: Voeg het blok Inhoud Toggle toe
Open het bericht of de pagina waar je inklapbare inhoud wilt toevoegen. Klik op de "+"-pictogram in de WordPress editor om een nieuw blok toe te voegen, zoek naar "Content Toggle" en selecteer het.
Zodra 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". veld en vervolgens de hoofdinhoud in het "Inhoud panel". doos.
Als je meer dan één uitklapbare of inklapbare sectie nodig hebt, klik je op de knop + knop 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.
Stap 3: Het blok Content Toggle aanpassen
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.
In de Algemene instellingen tabblad, dat kan:
- Pas de Paneel Titel voor een goede hiërarchie.
- Stel de wisselstatus in om te bepalen of de panelen moeten worden ingeklapt of geopend wanneer de pagina wordt geladen.
- inschakelen FAQ-schema om de zichtbaarheid in zoekmachineresultaten te verbeteren.
- Gebruik Responsieve besturing om het blok op specifieke apparaten te verbergen of weer te geven.
- Toevoegen Zoekvak voor eenvoudige navigatie door veelgestelde vragen. Deze functie is echter beperkt tot Pro-gebruikers.
Als je nu overschakelt naar de Tabblad Stijlenkun je kleuren aanpassen, randen inschakelen, toggle-pictogramstijlen en -posities instellen en opvulling en marges fijn afstellen.
Als je tevreden bent, klik je op "Publiceren" of "Bijwerken" om het live te zetten.
Methode 2: Het uitvouwblok gebruiken
Stap 1: Het uitvouwblok toevoegen
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.
Stap 2: Inhoud aan het blok toevoegen
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" tekst. Plaats de rest van de inhoud in het verborgen gedeelte onder de "Meer tonen" tekst.
Klik op de + teken op elk blok, selecteer het blok van uw voorkeur en voeg later inhoud toe aan de blokken. U kunt de "Meer tonen" en "Minder tonen" teksten zodat ze beter bij je inhoud of publiek passen. Klik gewoon op de standaardteksten en vervang ze door de gewenste labels.
Stap 3: Het uitvouwblok aanpassen
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.
Als 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.
Conclusie
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.
