Click the Add Block button in the top toolbar.Ĩ. For this demo, I'll use the ID names 'anchor-1,' 'anchor-2,' 'anchor-3,' and 'anchor-4.'ħ. Repeat for the rest of the headings on the page (or only the ones you want to include in the table of contents). Here’s what that looks like for a heading:Ħ. An ID name is a unique identifier that’s added to the opening tag of an HTML element. Add a unique ID name to the opening tag of the heading. Click the More Options button (the three vertical dots icon) and select Edit as HTML.ĥ. If there are none, create the headings that will be used as the items in the table of contents. Go to the post or page you want to add the table of contents to.Ģ. Let's walk through the process of manually creating a table of contents.ġ. If you’re using another WordPress page builder, you’d be better off using a table of contents plugin that’s compatible with that page editor. Note that we’ll be using the Gutenberg block editor, which is WordPress’ native editor. Here's how a table of contents might look and function on the front-end of your WordPress site:

You can manually add a table of contents to your WordPress posts or pages with a little bit of code. How to Create a Table of Contents in WordPress Manually Then we'll look at how you can automatically with WordPress plugins. First, we'll briefly walk through how we can manually add a table of contents. Now that we've discussed the benefits of adding a table of contents to your WordPress website, let's look at how. By clearly labelling the important section names of an article, bots can understand what the article is about and display rich snippets in the search results. Or they might read the entire article - just in the order that they want, instead of the way the author laid it out on the page.Ī table of contents can help search engine bots as well as humans. A reader might jump to the section that is most relevant to their question. They’re particularly useful for long posts, as they highlight the critical sections of an article in order to improve the reader experience. A table of contents is a list of jump links that lead to different sections on a page or post.

Easy tables visual composer download