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
Methode 1: Icoonlijst toevoegen met Ultimate Blocks
Ultieme blok 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.
Stap 1: Installeer de Ultimate Blocks Plugin
Ga naar Plugins > Nieuwe plug-in toevoegen in je WordPress Dashboard. Vind de plugin door Ultimate Blocks in het zoekvak te typen. Installeer en activeren de plugin nadat deze hieronder is weergegeven.
Stap 2: Voeg het gestileerde lijstblok toe aan de 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.
Stap 3: Items toevoegen aan het blok Gestileerde lijst
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.
Stap 4: Selecteer het pictogram voor het gestileerde lijstblok
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.
Stap 5: Het gestileerde lijstblok aanpassen
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.
Methode 2: Icoonlijst toevoegen in 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.
Stap 1: Installeer de TableBerg-plugin
Installeer en activeren de Tableberg plugin op je 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: De gratis versie van Tableberg wordt geleverd met een Lijst blok. Om de Gestileerde lijst blokmoet je de pro versie van Tableberg.
Stap 2: Voeg het blok met de gestileerde lijst toe aan de tabel
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.
Stap 3: Items toevoegen aan het blok met de gestileerde lijst op de tabel
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.
Stap 5: Het gestileerde lijstblok aanpassen
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.
Alleen als er een combinatie is van al deze dingen, zal je iconenlijst gaan leven voor de gebruikers. Dat is alles voor vandaag.
Lees ook:
