How to Create Nested Lists in WordPress Using a Plugin or HTML

>How to Create Nested Lists in WordPress Using a Plugin or HTML
  • nested list

Basically, a nested list is a list within a list. It’s like having subtopics to a topic.

By default, you can’t create nested lists in WordPress without knowing some HTML.

So, in this tutorial, I’ll show you how to create nested lists in WordPress using HTML or a simple plugin!

Create nested lists in WordPress using a plugin

Let’s start with the easy method.

You can watch the video for this method or continue reading.

Step 1 – Install TinyMCE Advanced

If you’re using the WordPress Visual editor and have no HTML knowledge at all, then you should definitely install the TinyMCE Advanced plugin.

Here’s how to install a plugin in WordPress using 3 different methods.

This plugin has many editing features; it doesn’t just help you to create nested lists. It will make your life easier.

Here’s how your Visual editor will look like after installing TinyMCE Advanced:

tinymce advanced plugin visual editor wordpress

As you can see, a lot of new buttons appeared.

You can add or remove buttons by going to Settings > TinyMCE Advanced.

tinymce advanced settings

Step 2 – Create a normal list

Simply add an ordered or unordered list using the Bulleted list or Numbered list buttons.

ordered and unordered list in wordpress

I added both, so you can see how they’ll look like.

Step 3 – Make the list nested

Select the list items that you want to add to the nested list and click the Increase indent button.

create nested lists in wordpress

That’s it!

This is how you create nested lists in WordPress with the TinyMCE Advanced plugin!

Create nested lists in WordPress using HTML

If you have some basic HTML knowledge and don’t mind using the Text editor, then you can use this method.

Switch to the Text editor and follow this HTML example:

The <ul></ul> tags start and close the list, while the <li></li> start and close an item within the list.

The <ul> tag will create an unordered, bulleted nested list.

If you want to create an ordered, numbered nested list, then replace <ul> with <ol>.

That’s a wrap

Hope you found the tutorial useful and you understood how to create nested lists in WordPress.

Don’t forget to share the post to help out others!

You can quickly subscribe to my newsletter by using this link.

If you have any questions or thoughts, drop a comment or send a message via contact or Facebook page.

You can also hit the follow button on Twitter and subscribe to the YouTube channel.

My WordPress installation service is at your disposal!

On-going WordPress support and maintenance services are on the menu as well!

By |2018-11-04T05:54:42+00:00November 4th, 2018|Plugins, WordPress|0 Comments

Leave A Comment


20% OFF + 4 months FREE on WordPress hosting
Offer expires on 11/30/2018
To celebrate the release of the Gutenberg editor, WP Engine is offering:
  • 20% OFF the first payment on their shared WordPress hosting plans;
  • 4 months FREE on any annual subscription.

And there's more! Since WP Engine bought StudioPress, all their customers get FREE access to the StudioPress themes, including the Genesis Framework!
Disclosure: If you make a purchase using this affiliate link, I might receive a commission from WP Engine, at no additional cost to you! Thank you!