{"id":2064,"date":"2025-04-12T16:42:25","date_gmt":"2025-04-12T16:42:25","guid":{"rendered":"https:\/\/tableberg.com\/?p=2064"},"modified":"2025-04-12T16:42:29","modified_gmt":"2025-04-12T16:42:29","slug":"hoe-voeg-ik-iconenlijst-toe-in-wordpress","status":"publish","type":"post","link":"https:\/\/tableberg.com\/nl\/how-to-add-icon-list-in-wordpress\/","title":{"rendered":"Iconenlijst toevoegen in WordPress"},"content":{"rendered":"

Een iconenlijst is een verzameling visuele elementen die worden weergegeven in de vorm van een lijst. Ze worden in verschillende contexten gebruikt om je blogberichten en pagina-inhoud visueel aantrekkelijker en leesbaarder te maken.<\/p>\n\n\n\n

Icoonlijsten worden meestal gebruikt om de kenmerken, belangrijkste punten, voordelen, enz. van producten in een lijstvorm te presenteren. Ze splitsen de grote inhoud op in kleine en scanbare stukjes zodat lezers ze snel en gemakkelijk kunnen begrijpen.<\/p>\n\n\n\n

In deze blogpost laten we je twee eenvoudige methodes zien om een lijst met pictogrammen toe te voegen in WordPress. Blijf bij ons tot het einde.<\/p>\n\n\n\n

\n
\n
\n
\n

Maak prachtige tafels <\/strong>
Met blok-editor<\/strong><\/p>\n\n\n\n

\n
Probeer gratis<\/a><\/div>\n\n\n\n
Krijg Pro<\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n
\n
\"\"<\/figure>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n

Methode 1: Ultimate Blocks gebruiken<\/h2>\n\n\n\n

Ultieme blok<\/a> is een Gutenberg blok-plugin met 25+ aangepaste blokken. De 'Gestileerde lijst' is een prominent blok onder hen. Hier laten we zien hoe je dit blok gebruikt.<\/p>\n\n\n\n

Stap 1: Installeer de Ultimate Blocks Plugin<\/h3>\n\n\n\n

Ga naar Plugins > Nieuwe plug-in toevoegen<\/strong> in je WordPress Dashboard. Vind de plugin door Ultimate Blocks in het zoekvak te typen. Installeer<\/strong> en activeren<\/strong> de plugin nadat deze hieronder is weergegeven.<\/p>\n\n\n\n

\"Installeer<\/figure>\n\n\n\n

Stap 2: Voeg het gestileerde lijstblok toe aan de editor<\/h3>\n\n\n\n

Zoals elk Gutenberg-blok, click the plus (+) button<\/strong> en Type Gestileerde lijst<\/strong> in het zoekvak. Wanneer het blok verschijnt, voeg dan het aan de redacteur<\/strong>.<\/p>\n\n\n\n

\"Het<\/figure>\n\n\n\n

Stap 3: Items toevoegen aan het blok Gestileerde lijst<\/h3>\n\n\n\n

Je kunt zien dat het blok Gestileerde lijst is toegevoegd aan de editor. Nu is het tijd om items aan de lijst toe te voegen. Je kunt de kenmerken van je product opnoemen.<\/p>\n\n\n\n

\"Het<\/figure>\n\n\n\n

We hebben wat dummytekst toegevoegd aan het gestileerde lijstblok.<\/p>\n\n\n\n

\"Items<\/figure>\n\n\n\n

Stap 4: Selecteer het pictogram voor het gestileerde lijstblok<\/h3>\n\n\n\n

Selecteer het hele blok met de gestileerde lijst<\/strong>. U ziet het standaard pictogram Vinkje onder het tabblad Instellingen. Klik op het vinkje<\/strong>.<\/p>\n\n\n\n

\"Selecteer<\/figure>\n\n\n\n

Er wordt een venster geopend met een verzameling pictogrammen. Selecteer het gewenste pictogram. Het pictogram wordt toegepast op het hele gestileerde lijstblok.<\/p>\n\n\n\n

\"Selecteer<\/figure>\n\n\n\n

Stap 5: Het gestileerde lijstblok aanpassen<\/h3>\n\n\n\n

Onder het tabblad instellingen vind je nog een aantal opties waarmee je het blok kunt aanpassen. Deze zijn:<\/p>\n\n\n\n

Pictogramgrootte -<\/strong> De grootte van het pictogram vergroten of verkleinen.<\/p>\n\n\n\n

Aantal kolommen -<\/strong> Laat de lijst zien in meerdere kolommen.<\/p>\n\n\n\n

Aantal kolommen in mobiele -<\/strong> Toon het blok met de lijst in meerdere kolommen in mobiel.<\/p>\n\n\n\n

Afstand tussen items (pixels)<\/strong> - Vergroot of verklein de ruimte tussen de items in de lijst.<\/p>\n\n\n\n

\"Het<\/figure>\n\n\n\n

Stap 06: Het gestileerde lijstblok stylen<\/h3>\n\n\n\n

Volgende, ga naar het tabblad Stijlen<\/strong>. Op dit tabblad kunt u de kleur van het pictogram, de tekstkleur van de lijst en de achtergrondkleur van de lijst wijzigen.<\/p>\n\n\n\n

Daarna kun je opvulling en marge toevoegen om een blok de gewenste opmaak te geven.<\/p>\n\n\n\n

\"Je<\/figure>\n\n\n\n

Zo kun je een iconenlijst maken met de Ultimate Blocks plugin.<\/p>\n\n\n

<\/div><\/div><\/div>\n\n\n

Methode 2: Tableberg gebruiken<\/h2>\n\n\n\n

Je wilt vaak lijsten met pictogrammen toevoegen aan je WordPress tabellen. Maar met het standaard tabellenblok kun je dit niet doen. Installeer daarom de Tafelberg<\/a> plugin. Je kunt er uitgebreide en multifunctionele tabellen mee maken voor je site.<\/p>\n\n\n\n

Stap 1: Installeer de TableBerg-plugin<\/h3>\n\n\n\n

Installeer<\/strong> en activeren<\/strong> de Tableberg plugin op je site.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Het proces om tabellen te maken met de plugin is bijna hetzelfde als het standaard tabellenblok. Volg deze gids om het volgende te leren hoe tabellen maken met TableBerg<\/a>.<\/p>\n\n\n\n

Opmerking<\/strong>: De gratis versie van Tableberg wordt geleverd met een Lijst blok<\/a>. Om de Gestileerde lijst blok<\/a>moet je de pro versie<\/a><\/strong> van Tableberg.<\/p>\n\n\n\n

Stap 2: Voeg het blok met de gestileerde lijst toe aan de tabel<\/h3>\n\n\n\n

Selecteer de cel waaraan je de pictogrammenlijst wilt toevoegen. Zodra de cel is geselecteerd, zie je het pluspictogram (+).<\/p>\n\n\n\n

Klik op het pluspictogram (+)<\/strong>. Vinden en het blok Gestileerde lijst toevoegen<\/strong> naar de cel.<\/p>\n\n\n\n

\"Het<\/figure>\n\n\n\n

Het blok met de gestileerde lijst wordt meteen toegevoegd aan de tabel.<\/p>\n\n\n\n

\"Het<\/figure>\n\n\n\n

Stap 3: Items toevoegen aan het blok met de gestileerde lijst op de tabel<\/h3>\n\n\n\n

Voeg zoveel items als je wilt toe aan de tabel.<\/p>\n\n\n\n

\"Items<\/figure>\n\n\n\n

Stap 04: Een pictogram instellen voor het gestileerde lijstblok<\/h3>\n\n\n\n

Selecteer het hele blok met de gestileerde lijst<\/strong>. Ga naar de Tabblad Instellingen<\/strong> op de rechterzijbalk. Klik op het pictogram Vinkje<\/strong> onder de optie Pictograminstellingen.<\/p>\n\n\n\n

\"Stel<\/figure>\n\n\n\n

Er wordt een pop-up geopend met een verzameling pictogrammen. Selecteer het pictogram dat je leuk vindt.<\/p>\n\n\n\n

\"Selecteer<\/figure>\n\n\n\n

Het geselecteerde pictogram wordt toegepast op het hele blok met de gestileerde lijst.<\/p>\n\n\n\n

\"Het<\/figure>\n\n\n\n

Stap 5: Het gestileerde lijstblok aanpassen<\/h3>\n\n\n\n

Onder de optie Pictograminstellingen vind je manieren om de pictogramgrootte en -afstand aan te passen.<\/p>\n\n\n\n

\"Het<\/figure>\n\n\n\n

Stap 06: Het gestileerde lijstblok stylen<\/h3>\n\n\n\n

Ga naar het tabblad Stijlen<\/strong>. Je kunt de kleur van het pictogram, de tekstkleur, de achtergrondkleur en de vulling voor het blok wijzigen. <\/p>\n\n\n\n

\"Het<\/figure>\n\n\n\n

Zo kun je lijsten met pictogrammen toevoegen en maken in WordPress tabellen.<\/p>\n\n\n

<\/div><\/div><\/div>\n\n\n

Video-handleiding<\/h3>\n\n\n\n
\n