How to Add ‘Icon List’ in WordPress Posts/Pages

Visual elements play a pivotal role in capturing your reader’s attention and conveying information memorably. WordPress offers a default List block that lets users add bullet points and numbered lists. However, these basic lists may not be visually appealing enough to make a lasting impression. To enhance the visual attractiveness of your lists, consider incorporating icon lists on your WordPress posts and pagess.

Icon lists combine the power of concise text with engaging icons, presenting your content in an aesthetically pleasing and attention-grabbing manner.

If you don’t know how to add an icon list, don’t worry. This post is for you; after reading it, you will be able to add icon lists on your own.

What is an Icon List?

An icon list is a visually enhanced list that combines text with icons to present information more engagingly and attractively. Unlike traditional lists, icon lists utilize small graphical symbols alongside each list item, making the content easier to scan.

Icons can represent various concepts or actions, adding context and highlighting key points. This makes icon lists particularly effective for highlighting features, steps, benefits, or any information that you want to stand out.

Use Cases for an Icon List

Adding an ‘Icon List’ in WordPress

Like everything we do in WordPress, it can be done using a plugin. Here we will be using the Ultimate Blocks plugin to add an icon list to a WordPress post/page.

Step 1: Install the Ultimate Blocks Plugin

First, go to your WordPress Dashboard and navigate to Plugins > Add New Plugin. Then search for Ultimate Blocks and click on the ‘Install Now’ button. Finally, activate the plugin.

Step 2: Insert the Styled List Block

Now, go to the post/page where you want to add the icon list. Once you’re in the editor, simply click on the + icon and search for ‘Styled List’. Click on the Styled List block to insert it.

Step 3: Add Items

To add items to your icon list, simply start typing the first item and press the ‘Enter’ or ‘Return’ key on your keyboard to move to the next line. Repeat this process to add additional items to your list.

Step 4: Customize the Icon List

To customize the icon list, simply click on the ‘Settings’ icon from the higher right-hand side corner. And you’ll see several options.

First, let’s change the icon of the list. Just click on the select icon and choose your desired icon from the library.

To customize icon size (1), select your desired size from the ‘Icon Size’ option. And to customize the font size (2), enable it first and select the desired size.

You can also change the number of columns and item spacing there.

From the Styles tab, you can change icon color, text color, and the list background color. You can also change dimension

If you want, you can change the icon of the single item. Simply click on the item and change the icon from the right-hand side options panel.

Last Words

Hope this post helped you to add an icon list to your WordPress site. If you have any questions regarding this, feel free to ask us via comment. And if you’ve found the post useful, please consider sharing the post on your favorite social platform.

Changelog
  • Updated 2024-05-24 (Istiak Rayhan)
    • Added ‘What is an Icon List?’ and ‘Use Cases’ sections.
    • Updated screenshots.

Leave a Reply

Your email address will not be published. Required fields are marked *

Get the Best Blocks Plugin at 20% OFF!

X
Need help?