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.
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.
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.
Maak prachtige tafels
Met blok-editor
Method 1: Adding Icon List Using Ultimate Blocks
Ultieme blok is a Gutenberg block plugin with 25+ custom blocks. The ‘Styled List’ is a prominent block among them. Here, we’ll show you how to use this block.
Step 1: Install the Ultimate Blocks Plugin
Ga naar Plugins > Nieuwe plug-in toevoegen form your WordPress Dashboard. Find the plugin by typing Ultimate Blocks in the search box. Installeer en activeren de plugin nadat deze hieronder is weergegeven.
Step 2: Add the Styled List Block to the Editor
Zoals elk Gutenberg-blok, click the plus (+) button en Type Gestileerde lijst in het zoekvak. Wanneer het blok verschijnt, voeg dan het aan de redacteur.
Step 3: Add Items to the Styled List Block
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.
We hebben wat dummytekst toegevoegd aan het gestileerde lijstblok.
Step 4: Select the Icon for the Styled List Block
Selecteer het hele blok met de gestileerde lijst. U ziet het standaard pictogram Vinkje onder het tabblad Instellingen. Klik op het vinkje.
Er wordt een venster geopend met een verzameling pictogrammen. Selecteer het gewenste pictogram. Het pictogram wordt toegepast op het hele gestileerde lijstblok.
Step 5: Customize the Styled List Block
Onder het tabblad instellingen vind je nog een aantal opties waarmee je het blok kunt aanpassen. Deze zijn:
Pictogramgrootte - De grootte van het pictogram vergroten of verkleinen.
Aantal kolommen - Laat de lijst zien in meerdere kolommen.
Aantal kolommen in mobiele - Toon het blok met de lijst in meerdere kolommen in mobiel.
Afstand tussen items (pixels) - Vergroot of verklein de ruimte tussen de items in de lijst.
Stap 06: Het gestileerde lijstblok stylen
Volgende, ga naar het tabblad Stijlen. Op dit tabblad kunt u de kleur van het pictogram, de tekstkleur van de lijst en de achtergrondkleur van de lijst wijzigen.
Daarna kun je opvulling en marge toevoegen om een blok de gewenste opmaak te geven.
Zo kun je een iconenlijst maken met de Ultimate Blocks plugin.
Method 2: Adding Icon List in Using Tableberg
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 plugin. Je kunt er uitgebreide en multifunctionele tabellen mee maken voor je site.
Step 1: Install the TableBerg Plugin
Installeer en activeren the Tableberg plugin on your site.
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.
Opmerking: The free version of Tableberg comes with a Lijst blok. To use the Gestileerde lijst blok, you need to get the pro version of Tableberg.
Step 2: Add the Styled List Block to the Table
Selecteer de cel waaraan je de pictogrammenlijst wilt toevoegen. Zodra de cel is geselecteerd, zie je het pluspictogram (+).
Klik op het pluspictogram (+). Vinden en het blok Gestileerde lijst toevoegen naar de cel.
Het blok met de gestileerde lijst wordt meteen toegevoegd aan de tabel.
Step 3: Add Items to the Styled List Block on the Table
Voeg zoveel items als je wilt toe aan de tabel.
Stap 04: Een pictogram instellen voor het gestileerde lijstblok
Selecteer het hele blok met de gestileerde lijst. Ga naar de Tabblad Instellingen op de rechterzijbalk. Klik op het pictogram Vinkje onder de optie Pictograminstellingen.
Er wordt een pop-up geopend met een verzameling pictogrammen. Selecteer het pictogram dat je leuk vindt.
Het geselecteerde pictogram wordt toegepast op het hele blok met de gestileerde lijst.
Step 5: Customize the Styled List Block
Onder de optie Pictograminstellingen vind je manieren om de pictogramgrootte en -afstand aan te passen.
Stap 06: Het gestileerde lijstblok stylen
Ga naar het tabblad Stijlen. Je kunt de kleur van het pictogram, de tekstkleur, de achtergrondkleur en de vulling voor het blok wijzigen.
Zo kun je lijsten met pictogrammen toevoegen en maken in WordPress tabellen.
Conclusie
Lijsten met pictogrammen in WordPress helpen niet alleen om belangrijke informatie over te brengen aan gebruikers, maar verbeteren ook de navigatie en de esthetiek van je inhoud. Bij het aanpassen van het blok moet je rekening houden met de merkconsistentie, de leesbaarheidsscore en de hiërarchie van de inhoud.
Only if there is a combination of all these things will your icon list become alive to the users. That’s all for today.
Also Read:
