Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
25 Million+
Websites using our plugins
Years of WordPress experience
WordPress tutorials
by experts

How to Easily Add Bullet Points & Numbered Lists in WordPress

Editorial Note: We earn a commission from partner links on WPBeginner. Commissions do not affect our editors' opinions or evaluations. Learn more about Editorial Process.

Do you want to add bullet points and numbered lists in WordPress?

Breaking your text into lists can make it easier to read. They are also a great way to share step-by-step instructions or complicated data with your visitors. Sometimes, search engines may even give higher ranking to pages that use lists.

In this article, we will show you how to easily add bullet points and numbered lists in WordPress with custom styles.

How to add bullet points and numbered lists in WordPress (beginner's guide)

When to Add Bullet Points and Numbered Lists in WordPress

Instead of showing visitors a wall of text, it’s a good idea to break your content into scannable sections. There are lots of ways to make your pages more reader-friendly, including creating tables, using subheadings, adding videos, and creating lists.

A list can help visitors understand your content at a glance (like in a table of contents), even if you are sharing complicated information. This can improve the user experience and keep people on your WordPress website for longer.

They’re also ideal for creating to-do lists or sharing step-by-step instructions with your visitors. For example, you might turn a recipe into a numbered list on your food blog.

With that in mind, let’s see how you can add bullet points and numbered lists in WordPress. Simply use the quick links below to jump straight to the method you want to use:

Method 1: Using the Built-in WordPress List Block (Easy)

The easiest way to add bullet points and numbered lists is by using the List block and the WordPress Gutenberg block editor.

This allows you to create simple numbered or bullet lists without installing a separate WordPress plugin. That said, this default block only has a few customization options.

If you want to fine-tune your lists with custom icons, horizontal layouts, different colors, and more, then we recommend using one of the other methods in this article.

To get started, simply open the block editor for the WordPress post or page where you want to add a list. Or, you can open the widget editor to add the bullet list to a widget area, like a sidebar.

You can then choose whether to create a bullet point or a numbered list.

How to Create a Bullet Point List in WordPress

To create a bullet point list, click on the ‘+’ icon to add a new block.

Adding a block to a WordPress website

In the popup that appears, type in ‘List.’

When the right block shows up, click to add it to the page.

Adding a List block to a WordPress page or post

This creates the first item in a bullet point list. Simply type in the text you want to use for the first list item.

With that done, press the ‘Enter’ key on your keyboard to move to the next line. WordPress will create the second bullet point automatically.

Adding a bullet point list to WordPress

You can now go ahead and type in the text you want to use for the second bullet point. Simply repeat these steps to add more items to the list.

If you want to create a nested list, then click the ‘Indent’ button. This moves the cursor one step to the right, ready for you to type in the indented text.

How to create a nested list in WordPress

You can click on the ‘Indent’ button again to create two levels of nested bullet points.

As you can see in the following image, each level uses a different icon.

Creating an indented bullet point

To decrease the indent, click on the ‘Outdent’ button.

This moves the cursor one step to the left, ready for you to start typing.

Creating nested lists in WordPress using the indent and outdent buttons

By pressing the ‘Indent’ and ‘Outdent’ buttons, you can create nested lists with multiple different levels.

By default, the WordPress block editor will use the ‘Medium’ font size, but you can switch between small, large, and extra large using the ‘Typography’ settings in the right-hand block options.

Changing the list styles in WordPress

You can also add links or use standard text formatting options, such as bold and italic. This makes your lists even easier to scan and understand at a glance.

How to Create a Numbered List in WordPress

To create a numbered list in WordPress, simply press the ‘1’ key on your keyboard followed by a period/full stop (.)

WordPress will automatically turn this text into the first item in a numbered list.

Creating a numbered list in WordPress

You’re now ready to type the first item in the numbered list.

After that, just press the ‘Return’ key on your keyboard, and WordPress will create the next numbered point automatically.

Adding a numbered list to a website or blog

Just like with bullet points, you can create nested lists by clicking on the ‘Indent’ and ‘Outdent’ buttons.

This creates an indented bullet point underneath the numbered bullet point.

Creating an indented numbered bullet list

Unlike bullet point lists, you can only use a single level of indenting.

When you are happy with how the list looks, simply click on the ‘Update’ or ‘Publish’ button to make it live on your WordPress website.

Method 2: Using the Super List Block WordPress Plugin (Create Multimedia Lists)

The built-in List block is perfect for creating text-based lists, but sometimes, you may want to include other content. For example, you might want to create a pricing table featuring images, text, and a call to action button.

The easiest way to do this is by using Super List Block. This free plugin adds a new block that allows you to use any WordPress block in your lists.

You can even create multimedia bullet points by adding multiple blocks to a single list item. In the following image, we are using a Paragraph and Image block in each list item.

A multimedia list created using the Super List Block plugin

Super List Block also allows you to switch between vertical and horizontal list styles and create ‘no marker’ lists that don’t have a bullet point icon or a number.

Note: You may notice that this plugin has not been tested with the latest WordPress versions. That said, we have tested the plugin ourselves, and it works fine for this tutorial.

You can learn more about whether you should use untested WordPress plugins if you have any questions.

First, you’ll need to install and activate the Super List Block plugin. If you need help, then please see our beginner’s guide on how to install a WordPress plugin.

After that, go to the page or post where you want to add a list. Click on the ‘+’ icon and start typing in ‘Super List.’

When the right block appears, give it a click.

The Super List WordPress block

This adds a new block with two default list items.

To start, you can switch between horizontal and vertical layouts using the arrows in the toolbar and in the right-hand menu.

Switching between horizontal and vertical list layouts

You can also choose between a numbered or bullet point list using the icons under ‘Change List Style.’

Another option is ‘No Marker,’ which is a unique list style provided by the plugin.

How to create a no marker list using a free WordPress plugin

When you are happy with how the list is configured, you are ready to create your first item.

Simply click on the ‘+’ button in the corner of the Super List block.

How to create a multimedia list in WordPress using a free plugin

Then, choose the first block you want to add.

Super List is compatible with all the default WordPress blocks, so you can add an image, heading, or any other block you want.

Adding blocks to a list item

You can then style the block as normal. For example, you might upload an image, add a download link, or type in some text.

To add another block to the bullet point, simply press the ‘Enter’ key on your keyboard. This adds a new ‘Type / to choose a block’ line underneath the first block.

You can now click on the ‘+’ icon inside the list item and add another block following the same process described above.

Adding multiple blocks to a list item

When you are happy with how the first list item is set up, you can configure the second default item by following the same steps.

To add more bullet points, you’ll need to select an entire list item. This can be a bit tricky, as you’ll need to select the item as a whole rather than the individual blocks within that list item.

When you see an ‘+’ icon in the toolbar, you have the right item selected. With that done, simply go ahead and give the ‘+’ button a click.

Adding list items to a multimedia WordPress list

This adds a new, empty item to the list.

Simply keep repeating these steps to add more bullet points and blocks.

A multimedia list created using the Super List Block plugin

When you are happy with how the list looks, you can either click on the ‘Update’ or ‘Publish’ button to make it live on your WordPress blog or website.

Method 3: Using a Page Builder Plugin (Best for Landing Pages)

If you want to create beautiful lists with custom styling, then you may want to use SeedProd.

This advanced WordPress theme and page builder plugin lets you create professionally designed pages using a simple drag-and-drop editor.

It also comes with a ready-made List block that lets you fine-tune every part of the list design, including changing the space in between individual items, replacing the standard bullet points with custom icons, and more.

SeedProd makes it easy to design standalone pages that have a unique design, so this is also a great choice if you want to add lists to a custom home page or landing page.

Note: There is also a free version of SeedProd that you can use to create custom page designs, no matter what your budget is.

The first thing you need to do is install and activate SeedProd. For more details, see our step-by-step guide on how to install a WordPress plugin.

Upon activation, you need to enter your license key.

Adding a license key to SeedProd

You can find this information in your account on the SeedProd website. After adding the license key, simply click on ‘Verify Key.’

Choose a Professionally-Designed Template

After that, go to SeedProd » Landing Pages and click on ‘Add New Landing Page.’

Creating a custom landing page using a drag and drop page builder

On the next screen, you’ll be asked to choose a template.

SeedProd comes with over 300+ beautiful templates that are organized into different categories, such as 404-page templates and custom WooCommerce ‘thank you’ pages.

Simply click on any tab to see the different templates within that category.

SeedProd's professionally-designed templates

When you find a template you want to use, hover your mouse over it and then click the checkmark icon.

We are using the ‘Explosive Growth Webinar’ template in all our images, but you can use any design you want.

Choosing a template using SeedProd

Next, you need to give the page a title.

SeedProd will automatically create a URL based on the page title, but you can change this to anything you want. For example, adding relevant keywords to a URL often improves your WordPress SEO and helps the page appear in relevant search results.

To learn more, please see our guide on how to do keyword research for your WordPress blog.

Naming a template using the SeedProd page builder

When you are happy with the title and URL, just click on ‘Save and Start Editing the Page.’

Build Your Custom Page Layout

SeedProd will now open your template in its drag-and-drop editor. On the right, you’ll see a live preview of the page design, with some settings on the left.

The SeedProd page builder plugin for WordPress

SeedProd comes with lots of blocks that you can add to your design, including blocks that allow you to add social share buttons, videos, contact forms, and more.

For more information, please see our guide on how to create a custom page in WordPress.

To add a list to your design, find the ‘List’ block and drag it onto the page.

Adding the SeedProd list block to a page template

This adds a vertical list to your page with a placeholder ‘Item 1.’

If you want to create a horizontal list instead, then click on the ‘Advanced’ tab and then select the ‘Horizontal’ button.

Switching between horizontal and vertical list layouts

You are now ready to start building your list by selecting the ‘Content’ tab.

To replace the default text with your own messaging, click on ‘Item 1’ in the left-hand menu.

Adding items to a list using a page builder plugin

You can now type your list item into the small text editor that appears.

Here, you can also apply any formatting you want to use, such as bold or italic.

Adding items to a list using SeedProd

By default, SeedProd uses a checkmark for each bullet point, but it has a built-in library of icon fonts, which includes 1400 Font Awesome icons that you can use instead.

To replace the checkmark, simply hover your mouse over it and then click on ‘Icon Library’ when it appears.

Adding custom icons to a list

This opens a popup where you can choose the icon you want to use instead.

You can use different icons for individual bullet points within the list, so this is a great way to create more interesting and eye-catching lists.

Adding Font Awesome icons to a list

To create more bullet points, simply click on the ‘Add New Item’ button.

You can now add text and change the default icon by following the exact same process described above.

Adding new items to a list using a page builder plugin

After adding all the items to your list, you can change the font size and alignment using the settings in the left-hand menu.

You can also increase or decrease the space between the individual list items using the ‘Space Between’ slider.

Changing the spacing inbetween list items

After that, you may want to change the color of the icons in the list. Even if you’re using different icons, SeedProd will apply the same color to every item so the design will always look consistent.

If you’re unsure what colors to use, then please see our guide on how to choose a perfect color scheme for your WordPress site.

To make this change, click on the ‘Icon Color’ area and then choose a new color from the popup that appears.

Changing the color of bullet points in a list

With that done, you may want to click on ‘Advanced’ and look at some additional settings. We’ve already seen how you can switch between vertical and horizontal list layouts, but you can also change the text color and font.

To really make your list stand out, you can even add a box shadow or CSS animation.

SeedProd's advanced customization settings

Most of the settings in the ‘Advanced’ tab are fairly self-explanatory, so it’s worth exploring them to see what effects you can create.

With that done, you can continue working on your page design by adding more blocks and then customizing them using the settings in the left-hand menu.

When you are happy with how the page looks, just click the dropdown menu on the ‘Save’ button and select ‘Publish.’

Publishing a custom landing page using SeedProd

You can now visit this page to see the list live on your online store or website.

Method 4: Using Code to Add Bullet Points and Number Lists (Advanced)

You can also create lists using the built-in WordPress code editor and HTML.

This is more complicated, so it isn’t the best method for beginners. However, it does allow you to use more styles and formatting in the built-in List block. For example, you can quickly and easily add heading styles to list items using tags like h1 and h2.

For more on this topic, see our guide on how to edit HTML in the WordPress code editor.

To get started, open the page or post where you want to show the list. Then, click on the three-dotted icon in the upper-right corner and select ‘Code editor.’

Opening the WordPress code editor

The next steps will vary depending on whether you want to add a bullet point list or a numbered list.

How to Create a Bullet Point List Using Code

To create a bullet point list, start by typing in the following:

<!-- wp:list -->

The ul stands for ‘unordered list,’ which means the list doesn’t have any numbers, and the wp:list tells WordPress that you are creating a List block manually.

Next, press the ‘Return’ key to move onto a new line and create your first list item:

<!-- wp:list -->
<!-- wp:list-item -->
<!-- /wp:list-item -->

Here, li stands for ‘list item,’ and we’re closing the line with /li.

You can repeat this process to create more list items. For example:

<!-- wp:list -->
<!-- wp:list-item -->
<!-- /wp:list-item -->

<!-- wp:list-item -->
<!-- /wp:list-item -->

<!-- wp:list-item -->
<!-- /wp:list-item -->

When you’ve finished, close the code block with another ‘unordered list’ flag:

<!-- /wp:list -->

This gives us the following list code:

<!-- wp:list -->
<!-- wp:list-item -->
<!-- /wp:list-item -->

<!-- wp:list-item -->
<!-- /wp:list-item -->

<!-- wp:list-item -->
<!-- /wp:list-item -->
<!-- /wp:list -->

As you can see in the following image, this creates a very simple list, but you can customize it by adding other HTML, such as heading tags.

A simple list, created using code

How to Create a Numbered List Using Code

To create a numbered list, simply type in the following:

<!-- wp:list {"ordered":true} -->

You can then type in ol which stands for ordered list:

<!-- wp:list {"ordered":true} -->

After that, add each list item by following the same process described above:

<!-- wp:list {"ordered":true} -->
<!-- wp:list-item -->
<!-- /wp:list-item -->

Finally, close the ordered list using an /ol tag and wp:list.

<!-- wp:list {"ordered":true} -->
<!-- wp:list-item -->
<!-- /wp:list-item -->

<!-- wp:list-item -->
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>Green </li>
<!-- /wp:list-item -->
<!-- /wp:list -->

We hope this tutorial helped you learn how to add bullet points and numbered lists in WordPress. You may also want to learn how to make money online blogging or check out our expert pick of the best WordPress contact form plugins.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

Disclosure: Our content is reader-supported. This means if you click on some of our links, then we may earn a commission. See how WPBeginner is funded, why it matters, and how you can support us. Here's our editorial process.

Editorial Staff

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

The Ultimate WordPress Toolkit

Get FREE access to our toolkit - a collection of WordPress related products and resources that every professional should have!

Reader Interactions

5 CommentsLeave a Reply

  1. Syed Balkhi says

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

  2. Dennis Muthomi says

    The bullet points in my theme use plain square icons by default. I was wondering if there’s a way for me to change those square icons to checkmark icons instead?

    • WPBeginner Support says

      It would depend on your specific theme, if you check with your theme’s support they can normally assist with the styling change :)


  3. Dayo Olobayo says

    Thanks WPBeginner for making blogging easy for me. Please I’d like to know if the first method of listing above will show up in search engine as formatted on my blog?

    • WPBeginner Support says

      It is up to the search engine for if it uses the same format as on your site, there is no guaranteed method for forcing the list to appear at the moment.


Leave A Reply

Thanks for choosing to leave a comment. Please keep in mind that all comments are moderated according to our comment policy, and your email address will NOT be published. Please Do NOT use keywords in the name field. Let's have a personal and meaningful conversation.