{"id":15890,"date":"2022-04-04T14:03:45","date_gmt":"2022-04-04T21:03:45","guid":{"rendered":"https:\/\/www.ryrob.com\/?p=15890"},"modified":"2026-02-05T10:24:23","modified_gmt":"2026-02-05T18:24:23","slug":"how-to-create-wordpress-table-of-contents-menu","status":"publish","type":"post","link":"https:\/\/www.ryrob.com\/how-to-create-wordpress-table-of-contents-menu\/","title":{"rendered":"How to Create a WordPress Table of Contents [No Plugin in 2026]"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">Whether you want to make your content easily navigable for readers, or you&#8217;re hoping to boost your SEO rankings, learning <strong>how to create a WordPress table of contents menu<\/strong> (also called a clickable menu) near the top of your blog posts, can help both causes in a big way.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">For the better part of a decade now, I&#8217;ve been making my own custom clickable WordPress table of contents menus near the top of just about every post on my blog. In this guide I&#8217;m going to show you exactly how to make them too.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The best part? There&#8217;s no need to download any <a href=\"https:\/\/www.ryrob.com\/best-wordpress-plugins\/\" target=\"_blank\" rel=\"noopener follow\" data-wpel-link=\"internal\" title=\"plugins\">plugins<\/a>, customize your WordPress theme or learn to write complicated code.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">I&#8217;ll show you how to make a beautiful WordPress table of contents menu (with both Gutenberg and the Classic editor) by using a <em>very <\/em>simple HTML anchor link tag. Without further delay, let&#8217;s dive in.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">How to Create a WordPress Table of Contents Clickable Menu (No Plugin): Gutenberg and Classic Editor Tutorials<\/h2>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong><a href=\"#classic-editor\">Creating a Table of Contents in the WordPress Classic Editor<\/a><\/strong><\/li>\n\n\n\n<li><strong><a href=\"#gutenberg\">Making a Clickable Table of Contents in Gutenberg<\/a><\/strong><\/li>\n<\/ol>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Disclosure:<\/strong> Please note that some of the links below are affiliate links and at no additional cost to you, I\u2019ll earn a commission. Know that I only recommend products and services I\u2019ve personally used and stand behind. When you use one of my affiliate links, the company compensates me, which helps me run this blog and keep my in-depth content free of charge for readers (like you).<\/p>\n\n\n\n<h3 class=\"wp-block-heading has-text-align-center\"><strong>Ready to Start Your Blog?<\/strong><\/h3>\n\n\n\n<p class=\"has-text-align-center wp-block-paragraph\">Check out my ultimate guide: <a href=\"https:\/\/www.ryrob.com\/how-start-blog\/\" target=\"_blank\" rel=\"noopener noreferrer follow\" data-wpel-link=\"internal\" title=\"How to Start a Blog (on the Side) Today\">How to Start a Blog (on the Side) Today<\/a>.<\/p>\n\n\n<div class=\"text-center\"><a class=\"button\" href=\"https:\/\/www.ryrob.com\/how-start-blog\/\" target=\"_blank\" data-wpel-link=\"internal\" rel=\"follow\" title=\"Read Now\">Read Now<\/a><\/div>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<p class=\"wp-block-paragraph\">Now if you&#8217;re anything like me and you&#8217;d prefer watching a quick video tutorial on making a WordPress table of contents (without using a plugin), your wish is my command.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Video Tutorial: How to Make a WordPress Table of Contents (Clickable Menu)\u2014No Plugin<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">You can watch right here:<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<div class=\"youtube embed-container\"><iframe title=\"How to Create a WordPress Table of Contents (Clickable Menu) in Posts: Gutenberg and Classic Editor\" width=\"1200\" height=\"675\" src=\"https:\/\/www.youtube.com\/embed\/yV1iKmvbyvE?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe><\/div>\n<\/div><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">First, let&#8217;s get started with walking through how to make a WordPress table of contents menu in the Classic editor.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"classic-editor\"><a name=\"classic-editor\"><\/a>1. Creating a Table of Contents in the WordPress Classic Editor (No Plugin)<\/h3>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"2248\" height=\"1442\" src=\"https:\/\/www.ryrob.com\/wp-content\/uploads\/2022\/04\/How-to-Create-a-WordPress-Table-of-Contents-Menu-in-Posts-Classic-Editor-Screenshot-Tutorial-in-Action.png\" alt=\"How to Create a WordPress Table of Contents Menu in Posts (Classic Editor) Screenshot Tutorial in Action\" class=\"wp-image-15898\" srcset=\"https:\/\/www.ryrob.com\/wp-content\/uploads\/2022\/04\/How-to-Create-a-WordPress-Table-of-Contents-Menu-in-Posts-Classic-Editor-Screenshot-Tutorial-in-Action.png 2248w, https:\/\/www.ryrob.com\/wp-content\/uploads\/2022\/04\/How-to-Create-a-WordPress-Table-of-Contents-Menu-in-Posts-Classic-Editor-Screenshot-Tutorial-in-Action-300x192.png 300w, https:\/\/www.ryrob.com\/wp-content\/uploads\/2022\/04\/How-to-Create-a-WordPress-Table-of-Contents-Menu-in-Posts-Classic-Editor-Screenshot-Tutorial-in-Action-1024x657.png 1024w, https:\/\/www.ryrob.com\/wp-content\/uploads\/2022\/04\/How-to-Create-a-WordPress-Table-of-Contents-Menu-in-Posts-Classic-Editor-Screenshot-Tutorial-in-Action-768x493.png 768w, https:\/\/www.ryrob.com\/wp-content\/uploads\/2022\/04\/How-to-Create-a-WordPress-Table-of-Contents-Menu-in-Posts-Classic-Editor-Screenshot-Tutorial-in-Action-1536x985.png 1536w, https:\/\/www.ryrob.com\/wp-content\/uploads\/2022\/04\/How-to-Create-a-WordPress-Table-of-Contents-Menu-in-Posts-Classic-Editor-Screenshot-Tutorial-in-Action-2048x1314.png 2048w\" sizes=\"(max-width: 2248px) 100vw, 2248px\" \/><\/figure>\n<\/div>\n\n\n<p class=\"wp-block-paragraph\">Call me old school, but I&#8217;m still a fan of using the Classic WordPress editor on some of my blogs.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">While Gutenberg has definitely <a href=\"https:\/\/wordpress.org\/gutenberg\/\" target=\"_blank\" rel=\"noopener external noreferrer\" data-wpel-link=\"external\">gotten much more user-friendly<\/a> in recent years, I&#8217;ve built a lot of customizations into this blog (with the Classic editor) that&#8217;ll require some lifting once I eventually make the switch to Gutenberg. And I know I&#8217;m not the only one out there, still hanging on!<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">For now, let&#8217;s start with walking through creating a WordPress table of contents menu in the Classic editor.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Step One: Create an Ordered (or Unordered) List<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">First, you&#8217;ll want to start by creating the list (whether ordered or unordered) that you want to make as your table of contents. Like so:<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1888\" height=\"426\" src=\"https:\/\/www.ryrob.com\/wp-content\/uploads\/2022\/04\/Ordered-List-Example-for-Clickable-Table-of-Contents-Screenshot.png\" alt=\"Ordered List Example (for Clickable Table of Contents) Screenshot\" class=\"wp-image-15900\" srcset=\"https:\/\/www.ryrob.com\/wp-content\/uploads\/2022\/04\/Ordered-List-Example-for-Clickable-Table-of-Contents-Screenshot.png 1888w, https:\/\/www.ryrob.com\/wp-content\/uploads\/2022\/04\/Ordered-List-Example-for-Clickable-Table-of-Contents-Screenshot-300x68.png 300w, https:\/\/www.ryrob.com\/wp-content\/uploads\/2022\/04\/Ordered-List-Example-for-Clickable-Table-of-Contents-Screenshot-1024x231.png 1024w, https:\/\/www.ryrob.com\/wp-content\/uploads\/2022\/04\/Ordered-List-Example-for-Clickable-Table-of-Contents-Screenshot-768x173.png 768w, https:\/\/www.ryrob.com\/wp-content\/uploads\/2022\/04\/Ordered-List-Example-for-Clickable-Table-of-Contents-Screenshot-1536x347.png 1536w\" sizes=\"(max-width: 1888px) 100vw, 1888px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Before we get to hyperlinking your menu items into a functional table of contents, start by typing in the major sections of your article. Ideally, these menu items will correspond to header titles throughout your content (as you can see I&#8217;ve done in this guide).<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Step Two: Add an HTML Anchor Tag (Hyperlink)<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Once you&#8217;ve completed the text portion of your table of contents menu, it&#8217;s time to hyperlink each item.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">We&#8217;ll be doing that by adding what&#8217;s called an HTML anchor tag\u2014a very simple hyperlink format that&#8217;s <a href=\"https:\/\/www.ryrob.com\/on-page-seo-strategies\/\" target=\"_blank\" rel=\"noopener follow\" data-wpel-link=\"internal\" title=\"especially SEO-friendly\">especially SEO-friendly<\/a>. Here&#8217;s what that tag looks like:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"1906\" height=\"372\" src=\"https:\/\/www.ryrob.com\/wp-content\/uploads\/2022\/04\/Adding-an-HTML-Anchor-Tag-in-Classic-WordPress-Editor.png\" alt=\"Adding an HTML Anchor Tag in Classic WordPress Editor\" class=\"wp-image-15901\" srcset=\"https:\/\/www.ryrob.com\/wp-content\/uploads\/2022\/04\/Adding-an-HTML-Anchor-Tag-in-Classic-WordPress-Editor.png 1906w, https:\/\/www.ryrob.com\/wp-content\/uploads\/2022\/04\/Adding-an-HTML-Anchor-Tag-in-Classic-WordPress-Editor-300x59.png 300w, https:\/\/www.ryrob.com\/wp-content\/uploads\/2022\/04\/Adding-an-HTML-Anchor-Tag-in-Classic-WordPress-Editor-1024x200.png 1024w, https:\/\/www.ryrob.com\/wp-content\/uploads\/2022\/04\/Adding-an-HTML-Anchor-Tag-in-Classic-WordPress-Editor-768x150.png 768w, https:\/\/www.ryrob.com\/wp-content\/uploads\/2022\/04\/Adding-an-HTML-Anchor-Tag-in-Classic-WordPress-Editor-1536x300.png 1536w\" sizes=\"(max-width: 1906px) 100vw, 1906px\" \/><\/figure>\n<\/div>\n\n\n<p class=\"wp-block-paragraph\">Begin by switching over to&nbsp;<em>Text Mode<\/em> if you&#8217;re comfortable and want to see the full picture of what you&#8217;re adding.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Once you&#8217;re in&nbsp;<em>Text Mode<\/em>, find the first list item in your table of contents that you want to hyperlink (<a href=\"https:\/\/www.ryrob.com\/make-clickable-link-wordpress\/\" target=\"_blank\" rel=\"noopener follow\" data-wpel-link=\"internal\" title=\"make clickable\">make clickable<\/a>).<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">As pictured in the screenshot above, add an <code>&lt;a href=\"#hyperlink-text-goes-here\"&gt;<\/code> right after the opening tag for the first list item (<code>&lt;li&gt;<\/code>) in your table of contents. I recommend always using descriptive text here, as it can help boost <a href=\"https:\/\/www.ryrob.com\/blog-seo\/\" target=\"_blank\" rel=\"noopener follow\" data-wpel-link=\"internal\" title=\"your blog&#8217;s SEO\">your blog&#8217;s SEO<\/a> ranking capabilities for this post.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Next, you&#8217;ll need to close out your hyperlink by adding a closing&nbsp;<em>a <\/em>tag&nbsp;(<code>&lt;\/a&gt;<\/code>) at the end of the text portion of your first menu item.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><span style=\"background-color: #fdf2d0;\">Here&#8217;s a copy\/paste example of what the full HTML code should look like:<\/span><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><code>&lt;a href=\"#hyperlink-text-goes-here\"&gt;Descriptive Display Text Goes Here&lt;\/a&gt;<\/code><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">You&#8217;ll need to add an HTML hyperlink tag to each individual menu item in your table of contents.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">If you want to skip the <em>Text Mode <\/em>bit and are confident in the functionality of your <a href=\"https:\/\/www.ryrob.com\/best-wordpress-themes\/\" target=\"_blank\" rel=\"noopener follow\" data-wpel-link=\"internal\" title=\"WordPress theme\">WordPress theme<\/a>, you can simply click the <em>Insert\/Edit Link<\/em> button and add the text of your anchor tag in the format of <span style=\"background-color: #fdf2d0;\"><em>#hyperlink-text<\/em><\/span>&nbsp;like so:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"1896\" height=\"510\" src=\"https:\/\/www.ryrob.com\/wp-content\/uploads\/2022\/04\/Table-of-Contents-Hyperlink-Text-Visual-Editor.png\" alt=\"Table of Contents Hyperlink Text (Visual Editor)\" class=\"wp-image-15902\" srcset=\"https:\/\/www.ryrob.com\/wp-content\/uploads\/2022\/04\/Table-of-Contents-Hyperlink-Text-Visual-Editor.png 1896w, https:\/\/www.ryrob.com\/wp-content\/uploads\/2022\/04\/Table-of-Contents-Hyperlink-Text-Visual-Editor-300x81.png 300w, https:\/\/www.ryrob.com\/wp-content\/uploads\/2022\/04\/Table-of-Contents-Hyperlink-Text-Visual-Editor-1024x275.png 1024w, https:\/\/www.ryrob.com\/wp-content\/uploads\/2022\/04\/Table-of-Contents-Hyperlink-Text-Visual-Editor-768x207.png 768w, https:\/\/www.ryrob.com\/wp-content\/uploads\/2022\/04\/Table-of-Contents-Hyperlink-Text-Visual-Editor-1536x413.png 1536w\" sizes=\"(max-width: 1896px) 100vw, 1896px\" \/><\/figure>\n<\/div>\n\n\n<p class=\"wp-block-paragraph\"><em><span style=\"background-color: #fdf2d0;\">Important:<\/span><\/em> It&#8217;s definitely a best practice to use the exact same (descriptive) text in your clickable menu item, as in the corresponding section readers will jump down to when they click.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Whichever method you use to add the HTML anchor tag, you&#8217;ve now created the first half of your WordPress table of contents link. In our next step, you&#8217;ll add the corresponding tag within your post where you want that clickable link to take a reader.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Step Three: Add Your Corresponding Link Tags in the Post<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Once you&#8217;ve added the anchor tags in your table of contents\u2014making your menu items clickable\u2014it&#8217;s time to add a corresponding tag for each of those menu items, so that your readers will land somewhere after clicking on a menu item.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">As pictured in the screenshot below, add an <code>&lt;a name=\"hyperlink-text-goes-here\"&gt;&lt;\/a&gt;<\/code> right after the header tag (and before the text of your header)\u2014where your first list item&#8217;s section begins within your post. Since this name tag simply acts as an anchor point for the hyperlinked menu item above, you can close the tag right away as the code snippet above shows.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><span style=\"background-color: #fdf2d0;\">The text you use inside the&nbsp;(<code>&lt;a name=\"\"&gt;<\/code>) tag must exactly match the contents of the (<code>&lt;a href=\"#\"&gt;<\/code>) tag you&#8217;re using in the corresponding item in your table of contents, otherwise the clickable link won&#8217;t function.<\/span><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The portion highlighted in blue in this screenshot is what the full name tag should like:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"1838\" height=\"980\" src=\"https:\/\/www.ryrob.com\/wp-content\/uploads\/2022\/04\/Corresponding-Name-Tag-HTML-Example-in-Clickable-WordPress-Table-of-Contents.png\" alt=\"Corresponding Name Tag HTML Example in Clickable WordPress Table of Contents\" class=\"wp-image-15905\" srcset=\"https:\/\/www.ryrob.com\/wp-content\/uploads\/2022\/04\/Corresponding-Name-Tag-HTML-Example-in-Clickable-WordPress-Table-of-Contents.png 1838w, https:\/\/www.ryrob.com\/wp-content\/uploads\/2022\/04\/Corresponding-Name-Tag-HTML-Example-in-Clickable-WordPress-Table-of-Contents-300x160.png 300w, https:\/\/www.ryrob.com\/wp-content\/uploads\/2022\/04\/Corresponding-Name-Tag-HTML-Example-in-Clickable-WordPress-Table-of-Contents-1024x546.png 1024w, https:\/\/www.ryrob.com\/wp-content\/uploads\/2022\/04\/Corresponding-Name-Tag-HTML-Example-in-Clickable-WordPress-Table-of-Contents-768x409.png 768w, https:\/\/www.ryrob.com\/wp-content\/uploads\/2022\/04\/Corresponding-Name-Tag-HTML-Example-in-Clickable-WordPress-Table-of-Contents-1536x819.png 1536w\" sizes=\"(max-width: 1838px) 100vw, 1838px\" \/><\/figure>\n<\/div>\n\n\n<p class=\"wp-block-paragraph\">And with that step, you&#8217;ve completed your hyperlinked table of contents menu using simple HTML.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><span style=\"background-color: #fdf2d0;\">Here&#8217;s a copy\/paste example of what the full name tag code could look like:<\/span><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><code>&lt;h3&gt;&lt;a name=\"hyperlink-text-goes-here\"&gt;&lt;\/a&gt;Descriptive Display Text Goes Here&lt;\/h3&gt;<\/code><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Now for those of you using the Gutenberg editor, let&#8217;s walk through the process of making a WordPress table of contents there too.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><a name=\"gutenberg\"><\/a>2. Making a Clickable Table of Contents in Gutenberg (No Plugin)<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">If you&#8217;re using Gutenberg, you&#8217;re in luck! The process of making a clickable WordPress table of contents is a bit simpler. And if you&#8217;d rather follow along with the video tutorial above, you can watch there.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"1832\" height=\"830\" src=\"https:\/\/www.ryrob.com\/wp-content\/uploads\/2022\/04\/Make-a-Clickable-WordPress-Table-of-Contents-Menu-in-Gutenberg-Tutorial-Screenshot-Example.png\" alt=\"Make a Clickable WordPress Table of Contents Menu in Gutenberg (Tutorial) Screenshot Example\" class=\"wp-image-15907\" srcset=\"https:\/\/www.ryrob.com\/wp-content\/uploads\/2022\/04\/Make-a-Clickable-WordPress-Table-of-Contents-Menu-in-Gutenberg-Tutorial-Screenshot-Example.png 1832w, https:\/\/www.ryrob.com\/wp-content\/uploads\/2022\/04\/Make-a-Clickable-WordPress-Table-of-Contents-Menu-in-Gutenberg-Tutorial-Screenshot-Example-300x136.png 300w, https:\/\/www.ryrob.com\/wp-content\/uploads\/2022\/04\/Make-a-Clickable-WordPress-Table-of-Contents-Menu-in-Gutenberg-Tutorial-Screenshot-Example-1024x464.png 1024w, https:\/\/www.ryrob.com\/wp-content\/uploads\/2022\/04\/Make-a-Clickable-WordPress-Table-of-Contents-Menu-in-Gutenberg-Tutorial-Screenshot-Example-768x348.png 768w, https:\/\/www.ryrob.com\/wp-content\/uploads\/2022\/04\/Make-a-Clickable-WordPress-Table-of-Contents-Menu-in-Gutenberg-Tutorial-Screenshot-Example-1536x696.png 1536w\" sizes=\"(max-width: 1832px) 100vw, 1832px\" \/><\/figure>\n<\/div>\n\n\n<p class=\"wp-block-paragraph\"> The first step, regardless of which WordPress editor you&#8217;re using is still the same.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Step One: Create an Ordered (or Unordered) List<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Start by adding a list block (whether ordered or unordered) that you want to make as your table of contents. Like so:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"1248\" height=\"370\" src=\"https:\/\/www.ryrob.com\/wp-content\/uploads\/2022\/04\/Numbered-List-Block-Example-Gutenberg.png\" alt=\"Numbered List Block Example (Gutenberg)\" class=\"wp-image-15908\" srcset=\"https:\/\/www.ryrob.com\/wp-content\/uploads\/2022\/04\/Numbered-List-Block-Example-Gutenberg.png 1248w, https:\/\/www.ryrob.com\/wp-content\/uploads\/2022\/04\/Numbered-List-Block-Example-Gutenberg-300x89.png 300w, https:\/\/www.ryrob.com\/wp-content\/uploads\/2022\/04\/Numbered-List-Block-Example-Gutenberg-1024x304.png 1024w, https:\/\/www.ryrob.com\/wp-content\/uploads\/2022\/04\/Numbered-List-Block-Example-Gutenberg-768x228.png 768w\" sizes=\"(max-width: 1248px) 100vw, 1248px\" \/><\/figure>\n<\/div>\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Be sure to add all of the items you want to include in your table of contents. Next, we&#8217;ll add the hyperlinks that turn them into a functional, clickable table of contents.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Step Two: Add Internal Hyperlinks to Each Menu Item<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Once you&#8217;ve finished the text portion of your table of contents menu, it&#8217;s time to add internal hyperlinks to each of them.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">We&#8217;ll do this in the same way as with the Classic editor, by adding what&#8217;s called an HTML anchor tag\u2014a very simple hyperlink format that&#8217;s SEO-friendly\u2014the process just looks a little different in Gutenberg. Here&#8217;s what adding tag looks like:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"1434\" height=\"808\" src=\"https:\/\/www.ryrob.com\/wp-content\/uploads\/2022\/04\/Adding-Hyperlink-to-Table-of-Contents-WordPress-Gutenberg-Screenshot.png\" alt=\"Adding Hyperlink to Table of Contents (WordPress Gutenberg) Screenshot\" class=\"wp-image-15909\" srcset=\"https:\/\/www.ryrob.com\/wp-content\/uploads\/2022\/04\/Adding-Hyperlink-to-Table-of-Contents-WordPress-Gutenberg-Screenshot.png 1434w, https:\/\/www.ryrob.com\/wp-content\/uploads\/2022\/04\/Adding-Hyperlink-to-Table-of-Contents-WordPress-Gutenberg-Screenshot-300x169.png 300w, https:\/\/www.ryrob.com\/wp-content\/uploads\/2022\/04\/Adding-Hyperlink-to-Table-of-Contents-WordPress-Gutenberg-Screenshot-1024x577.png 1024w, https:\/\/www.ryrob.com\/wp-content\/uploads\/2022\/04\/Adding-Hyperlink-to-Table-of-Contents-WordPress-Gutenberg-Screenshot-768x433.png 768w\" sizes=\"(max-width: 1434px) 100vw, 1434px\" \/><\/figure>\n<\/div>\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">To add your hyperlinks within the table of contents, simply click the <em>Insert\/Edit Link<\/em> button and add the text of your anchor tag in the format of <span style=\"background-color: #fdf2d0;\"><em>#hyperlink-text<\/em><\/span>&nbsp;like so. Don&#8217;t forget the&nbsp;<em>#<\/em> symbol at the beginning, which makes it an internal link.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Next, we&#8217;ll add the corresponding name tag to the header element further down in your post, so that readers who click on your table of contents items will have a place to land.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Step Three: Add Your Corresponding Name Tag Link Destinations<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Once you&#8217;ve added the hyperlinks in your table of contents\u2014making each menu item clickable\u2014it&#8217;s time to add a corresponding name tag for each of those menu items, so that your readers will land somewhere after clicking. And thanks to Gutenberg&#8217;s block-building focus, this is A LOT easier and faster than with the Classic editor.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">To add your corresponding anchor tag, simply&#8230;<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Select the header block (or whichever text block you&#8217;ll be using as the link destination)<\/li>\n\n\n\n<li>Click on the individual <em>Block<\/em> settings (over on the righthand sidebar)<\/li>\n\n\n\n<li>Click on\u00a0<em>Advanced<\/em> to open up a dropdown menu with the\u00a0<em>HTML anchor<\/em> settings<\/li>\n\n\n\n<li>Add your matching anchor tag that corresponds to the clickable menu item from your table of contents above<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Here&#8217;s what that looks like:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"2532\" height=\"1112\" src=\"https:\/\/www.ryrob.com\/wp-content\/uploads\/2022\/04\/Creating-a-WordPress-Table-of-Contents-Anchor-Tag-in-Gutenberg-Block.png\" alt=\"Creating a WordPress Table of Contents Anchor Tag in Gutenberg Block\" class=\"wp-image-15941\" srcset=\"https:\/\/www.ryrob.com\/wp-content\/uploads\/2022\/04\/Creating-a-WordPress-Table-of-Contents-Anchor-Tag-in-Gutenberg-Block.png 2532w, https:\/\/www.ryrob.com\/wp-content\/uploads\/2022\/04\/Creating-a-WordPress-Table-of-Contents-Anchor-Tag-in-Gutenberg-Block-300x132.png 300w, https:\/\/www.ryrob.com\/wp-content\/uploads\/2022\/04\/Creating-a-WordPress-Table-of-Contents-Anchor-Tag-in-Gutenberg-Block-1024x450.png 1024w, https:\/\/www.ryrob.com\/wp-content\/uploads\/2022\/04\/Creating-a-WordPress-Table-of-Contents-Anchor-Tag-in-Gutenberg-Block-768x337.png 768w, https:\/\/www.ryrob.com\/wp-content\/uploads\/2022\/04\/Creating-a-WordPress-Table-of-Contents-Anchor-Tag-in-Gutenberg-Block-1536x675.png 1536w, https:\/\/www.ryrob.com\/wp-content\/uploads\/2022\/04\/Creating-a-WordPress-Table-of-Contents-Anchor-Tag-in-Gutenberg-Block-2048x899.png 2048w\" sizes=\"(max-width: 2532px) 100vw, 2532px\" \/><\/figure>\n<\/div>\n\n\n<p class=\"wp-block-paragraph\">As pictured in the screenshot above, this is super straightforward and easy\u2014not actual HTML editing necessary.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">While you can of course still take the more manual <em>Edit as HTML<\/em> approach like we do in the Classic editor, it&#8217;s nice not to have to deal with switching back and forth between visual and text mode. <span style=\"background-color: #fdf2d0;\"><\/span><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">And voil\u00e1! You&#8217;ve now closed the loop and made a clickable WordPress table of contents menu in Gutenberg. \ud83d\ude0a<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">While there are certainly some WordPress plugins out there (like the <em>premium<\/em> version of Yoast SEO) that&#8217;ll help create a table of contents in your blog posts, I&#8217;m always a fan of doing things as simple as possible\u2014and avoiding the use of plugins whenever possible, as they can often slow down your page load speed.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Soon, I&#8217;ll create a tutorial on how to make the scrolling table of contents (pictured in my right sidebar on desktop).<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Questions About Making a WordPress Table of Contents Menu?<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Hit reply in the comments section below and ask away!<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">I&#8217;m happy to help troubleshoot any issues you&#8217;re having.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Whether you want to make your content easily navigable for readers, or you&#8217;re hoping to boost your SEO rankings, learning how to create a WordPress table of contents menu (also called a clickable menu) near the top of your blog posts, can help both causes in a big way. For the better part of a <\/p>\n<div><a title=\"Continue Reading\" class=\"ryrob-button read-more\" href=\"https:\/\/www.ryrob.com\/how-to-create-wordpress-table-of-contents-menu\/\" data-wpel-link=\"internal\" rel=\"follow\">Continue Reading<\/a><\/div>\n","protected":false},"author":1,"featured_media":15913,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_yoast_wpseo_focuskw":"wordpress table of contents","_yoast_wpseo_title":"%%title%%","_yoast_wpseo_metadesc":"Creating a WordPress table of contents menu helps readers navigate posts and boosts your SEO. Here's how to make a clickable menu (no plugin).","_wp_convertkit_post_meta":{"form":"-1","landing_page":"","tag":"0","restrict_content":"0"},"footnotes":""},"categories":[967],"tags":[],"class_list":["post-15890","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blogging"],"acf":{"page_style_options":"","footer_style":"default","inject_into_head_tag":"","table_of_content":"<strong>How to Create a WordPress Table of Contents Menu (No Plugin)<\/strong><ol><li><a href=\"#classic-editor\">Creating a Table of Contents in Classic Editor<\/a><\/li><li><strong><a href=\"#gutenberg\">Making a Clickable Table of Contents in Gutenberg<\/a><\/strong><\/li><\/ol>","additional_authors":"","main_title_heading":"How to Create a WordPress Table of Contents Menu (No Plugin)","secondary_title_heading":"Step-by-Step Tutorial to Make a Clickable Menu in WordPress (Gutenberg & Classic Editors)","post_icon":15914,"first_paragraph":"The longer your content, the more useful it'll be if you learn\u00a0<strong>how to make a WordPress table of contents<\/strong> menu with no plugin. Not only will a clickable menu help readers easily navigate your content, but it can also dramatically help boost your SEO ranking ability."},"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.6 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>How to Create a WordPress Table of Contents [No Plugin in 2026]<\/title>\n<meta name=\"description\" content=\"Creating a WordPress table of contents menu helps readers navigate posts and boosts your SEO. Here&#039;s how to make a clickable menu (no plugin).\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.ryrob.com\/how-to-create-wordpress-table-of-contents-menu\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Create a WordPress Table of Contents [No Plugin in 2026]\" \/>\n<meta property=\"og:description\" content=\"Creating a WordPress table of contents menu helps readers navigate posts and boosts your SEO. Here&#039;s how to make a clickable menu (no plugin).\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.ryrob.com\/how-to-create-wordpress-table-of-contents-menu\/\" \/>\n<meta property=\"og:site_name\" content=\"RyRob.com: A Blog by Ryan Robinson | How Start &amp; Grow an Online Business\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/therealryanrobinson\" \/>\n<meta property=\"article:author\" content=\"https:\/\/www.facebook.com\/therealryanrobinson\" \/>\n<meta property=\"article:published_time\" content=\"2022-04-04T21:03:45+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-02-05T18:24:23+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.ryrob.com\/wp-content\/uploads\/2022\/04\/How-to-Make-a-WordPress-Table-of-Contents-Menu-Clickable-with-No-Plugins-Featured-Image.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1000\" \/>\n\t<meta property=\"og:image:height\" content=\"562\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Ryan Robinson\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@theryanrobinson\" \/>\n<meta name=\"twitter:site\" content=\"@theryanrobinson\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Ryan Robinson\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"9 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.ryrob.com\\\/how-to-create-wordpress-table-of-contents-menu\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.ryrob.com\\\/how-to-create-wordpress-table-of-contents-menu\\\/\"},\"author\":{\"name\":\"Ryan Robinson\",\"@id\":\"https:\\\/\\\/www.ryrob.com\\\/#\\\/schema\\\/person\\\/be7b7e9312cc36f39def32143464aae8\"},\"headline\":\"How to Create a WordPress Table of Contents [No Plugin in 2026]\",\"datePublished\":\"2022-04-04T21:03:45+00:00\",\"dateModified\":\"2026-02-05T18:24:23+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.ryrob.com\\\/how-to-create-wordpress-table-of-contents-menu\\\/\"},\"wordCount\":1736,\"commentCount\":12,\"publisher\":{\"@id\":\"https:\\\/\\\/www.ryrob.com\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.ryrob.com\\\/how-to-create-wordpress-table-of-contents-menu\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.ryrob.com\\\/wp-content\\\/uploads\\\/2022\\\/04\\\/How-to-Make-a-WordPress-Table-of-Contents-Menu-Clickable-with-No-Plugins-Featured-Image.jpg\",\"articleSection\":[\"Blogging\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.ryrob.com\\\/how-to-create-wordpress-table-of-contents-menu\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.ryrob.com\\\/how-to-create-wordpress-table-of-contents-menu\\\/\",\"url\":\"https:\\\/\\\/www.ryrob.com\\\/how-to-create-wordpress-table-of-contents-menu\\\/\",\"name\":\"How to Create a WordPress Table of Contents [No Plugin in 2026]\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.ryrob.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.ryrob.com\\\/how-to-create-wordpress-table-of-contents-menu\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.ryrob.com\\\/how-to-create-wordpress-table-of-contents-menu\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.ryrob.com\\\/wp-content\\\/uploads\\\/2022\\\/04\\\/How-to-Make-a-WordPress-Table-of-Contents-Menu-Clickable-with-No-Plugins-Featured-Image.jpg\",\"datePublished\":\"2022-04-04T21:03:45+00:00\",\"dateModified\":\"2026-02-05T18:24:23+00:00\",\"description\":\"Creating a WordPress table of contents menu helps readers navigate posts and boosts your SEO. Here's how to make a clickable menu (no plugin).\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.ryrob.com\\\/how-to-create-wordpress-table-of-contents-menu\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.ryrob.com\\\/how-to-create-wordpress-table-of-contents-menu\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.ryrob.com\\\/how-to-create-wordpress-table-of-contents-menu\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.ryrob.com\\\/wp-content\\\/uploads\\\/2022\\\/04\\\/How-to-Make-a-WordPress-Table-of-Contents-Menu-Clickable-with-No-Plugins-Featured-Image.jpg\",\"contentUrl\":\"https:\\\/\\\/www.ryrob.com\\\/wp-content\\\/uploads\\\/2022\\\/04\\\/How-to-Make-a-WordPress-Table-of-Contents-Menu-Clickable-with-No-Plugins-Featured-Image.jpg\",\"width\":1000,\"height\":562,\"caption\":\"How to Make a WordPress Table of Contents Menu (Clickable) with No Plugins Featured Image\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.ryrob.com\\\/how-to-create-wordpress-table-of-contents-menu\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.ryrob.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How to Create a WordPress Table of Contents [No Plugin in 2026]\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.ryrob.com\\\/#website\",\"url\":\"https:\\\/\\\/www.ryrob.com\\\/\",\"name\":\"RyRob.com: A Blog by Ryan Robinson | Learn How to Blog and Make Money on the Internet\",\"description\":\"Valuable tools and strategies to starting an online business today.\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.ryrob.com\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.ryrob.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.ryrob.com\\\/#organization\",\"name\":\"RyRob.com\",\"url\":\"https:\\\/\\\/www.ryrob.com\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.ryrob.com\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.ryrob.com\\\/wp-content\\\/uploads\\\/2024\\\/12\\\/ryrob-Logo-Vector-Ryan-Robinson.png\",\"contentUrl\":\"https:\\\/\\\/www.ryrob.com\\\/wp-content\\\/uploads\\\/2024\\\/12\\\/ryrob-Logo-Vector-Ryan-Robinson.png\",\"width\":418,\"height\":555,\"caption\":\"RyRob.com\"},\"image\":{\"@id\":\"https:\\\/\\\/www.ryrob.com\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/therealryanrobinson\",\"https:\\\/\\\/x.com\\\/theryanrobinson\",\"https:\\\/\\\/www.instagram.com\\\/ryrob\\\/\",\"https:\\\/\\\/www.linkedin.com\\\/in\\\/theryanrobinson\\\/\",\"https:\\\/\\\/www.youtube.com\\\/ryanrobinson\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.ryrob.com\\\/#\\\/schema\\\/person\\\/be7b7e9312cc36f39def32143464aae8\",\"name\":\"Ryan Robinson\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/5c8f0880b104c6acfa0f0f9ffc9fc5733eda817ae78f89ab07387328bf47e777?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/5c8f0880b104c6acfa0f0f9ffc9fc5733eda817ae78f89ab07387328bf47e777?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/5c8f0880b104c6acfa0f0f9ffc9fc5733eda817ae78f89ab07387328bf47e777?s=96&d=mm&r=g\",\"caption\":\"Ryan Robinson\"},\"description\":\"Creator. Founder. Author. I'm Ryan Robinson. I got my start as a blogger, now I make videos, write books, and build startups. Co-Founder at RightBlogger. Join me here to learn how to start a blog and build a purpose-connected online business. Be sure to take my free marketing tools for a spin... especially my wildly popular free keyword research tool &amp; AI article writer. They rule. Somehow, I also find time to write for publications like Fast Company, Forbes, Entrepreneur, The Next Web, Business Insider, and more. Let\u2019s chat on LinkedIn and YouTube about marketing, business, and the beauty of it all.\",\"sameAs\":[\"https:\\\/\\\/www.ryrob.com\",\"https:\\\/\\\/www.facebook.com\\\/therealryanrobinson\"],\"url\":\"https:\\\/\\\/www.ryrob.com\\\/author\\\/ryan-robinson\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to Create a WordPress Table of Contents [No Plugin in 2026]","description":"Creating a WordPress table of contents menu helps readers navigate posts and boosts your SEO. Here's how to make a clickable menu (no plugin).","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.ryrob.com\/how-to-create-wordpress-table-of-contents-menu\/","og_locale":"en_US","og_type":"article","og_title":"How to Create a WordPress Table of Contents [No Plugin in 2026]","og_description":"Creating a WordPress table of contents menu helps readers navigate posts and boosts your SEO. Here's how to make a clickable menu (no plugin).","og_url":"https:\/\/www.ryrob.com\/how-to-create-wordpress-table-of-contents-menu\/","og_site_name":"RyRob.com: A Blog by Ryan Robinson | How Start &amp; Grow an Online Business","article_publisher":"https:\/\/www.facebook.com\/therealryanrobinson","article_author":"https:\/\/www.facebook.com\/therealryanrobinson","article_published_time":"2022-04-04T21:03:45+00:00","article_modified_time":"2026-02-05T18:24:23+00:00","og_image":[{"width":1000,"height":562,"url":"https:\/\/www.ryrob.com\/wp-content\/uploads\/2022\/04\/How-to-Make-a-WordPress-Table-of-Contents-Menu-Clickable-with-No-Plugins-Featured-Image.jpg","type":"image\/jpeg"}],"author":"Ryan Robinson","twitter_card":"summary_large_image","twitter_creator":"@theryanrobinson","twitter_site":"@theryanrobinson","twitter_misc":{"Written by":"Ryan Robinson","Est. reading time":"9 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.ryrob.com\/how-to-create-wordpress-table-of-contents-menu\/#article","isPartOf":{"@id":"https:\/\/www.ryrob.com\/how-to-create-wordpress-table-of-contents-menu\/"},"author":{"name":"Ryan Robinson","@id":"https:\/\/www.ryrob.com\/#\/schema\/person\/be7b7e9312cc36f39def32143464aae8"},"headline":"How to Create a WordPress Table of Contents [No Plugin in 2026]","datePublished":"2022-04-04T21:03:45+00:00","dateModified":"2026-02-05T18:24:23+00:00","mainEntityOfPage":{"@id":"https:\/\/www.ryrob.com\/how-to-create-wordpress-table-of-contents-menu\/"},"wordCount":1736,"commentCount":12,"publisher":{"@id":"https:\/\/www.ryrob.com\/#organization"},"image":{"@id":"https:\/\/www.ryrob.com\/how-to-create-wordpress-table-of-contents-menu\/#primaryimage"},"thumbnailUrl":"https:\/\/www.ryrob.com\/wp-content\/uploads\/2022\/04\/How-to-Make-a-WordPress-Table-of-Contents-Menu-Clickable-with-No-Plugins-Featured-Image.jpg","articleSection":["Blogging"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.ryrob.com\/how-to-create-wordpress-table-of-contents-menu\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.ryrob.com\/how-to-create-wordpress-table-of-contents-menu\/","url":"https:\/\/www.ryrob.com\/how-to-create-wordpress-table-of-contents-menu\/","name":"How to Create a WordPress Table of Contents [No Plugin in 2026]","isPartOf":{"@id":"https:\/\/www.ryrob.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.ryrob.com\/how-to-create-wordpress-table-of-contents-menu\/#primaryimage"},"image":{"@id":"https:\/\/www.ryrob.com\/how-to-create-wordpress-table-of-contents-menu\/#primaryimage"},"thumbnailUrl":"https:\/\/www.ryrob.com\/wp-content\/uploads\/2022\/04\/How-to-Make-a-WordPress-Table-of-Contents-Menu-Clickable-with-No-Plugins-Featured-Image.jpg","datePublished":"2022-04-04T21:03:45+00:00","dateModified":"2026-02-05T18:24:23+00:00","description":"Creating a WordPress table of contents menu helps readers navigate posts and boosts your SEO. Here's how to make a clickable menu (no plugin).","breadcrumb":{"@id":"https:\/\/www.ryrob.com\/how-to-create-wordpress-table-of-contents-menu\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.ryrob.com\/how-to-create-wordpress-table-of-contents-menu\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.ryrob.com\/how-to-create-wordpress-table-of-contents-menu\/#primaryimage","url":"https:\/\/www.ryrob.com\/wp-content\/uploads\/2022\/04\/How-to-Make-a-WordPress-Table-of-Contents-Menu-Clickable-with-No-Plugins-Featured-Image.jpg","contentUrl":"https:\/\/www.ryrob.com\/wp-content\/uploads\/2022\/04\/How-to-Make-a-WordPress-Table-of-Contents-Menu-Clickable-with-No-Plugins-Featured-Image.jpg","width":1000,"height":562,"caption":"How to Make a WordPress Table of Contents Menu (Clickable) with No Plugins Featured Image"},{"@type":"BreadcrumbList","@id":"https:\/\/www.ryrob.com\/how-to-create-wordpress-table-of-contents-menu\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.ryrob.com\/"},{"@type":"ListItem","position":2,"name":"How to Create a WordPress Table of Contents [No Plugin in 2026]"}]},{"@type":"WebSite","@id":"https:\/\/www.ryrob.com\/#website","url":"https:\/\/www.ryrob.com\/","name":"RyRob.com: A Blog by Ryan Robinson | Learn How to Blog and Make Money on the Internet","description":"Valuable tools and strategies to starting an online business today.","publisher":{"@id":"https:\/\/www.ryrob.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.ryrob.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.ryrob.com\/#organization","name":"RyRob.com","url":"https:\/\/www.ryrob.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.ryrob.com\/#\/schema\/logo\/image\/","url":"https:\/\/www.ryrob.com\/wp-content\/uploads\/2024\/12\/ryrob-Logo-Vector-Ryan-Robinson.png","contentUrl":"https:\/\/www.ryrob.com\/wp-content\/uploads\/2024\/12\/ryrob-Logo-Vector-Ryan-Robinson.png","width":418,"height":555,"caption":"RyRob.com"},"image":{"@id":"https:\/\/www.ryrob.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/therealryanrobinson","https:\/\/x.com\/theryanrobinson","https:\/\/www.instagram.com\/ryrob\/","https:\/\/www.linkedin.com\/in\/theryanrobinson\/","https:\/\/www.youtube.com\/ryanrobinson"]},{"@type":"Person","@id":"https:\/\/www.ryrob.com\/#\/schema\/person\/be7b7e9312cc36f39def32143464aae8","name":"Ryan Robinson","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/5c8f0880b104c6acfa0f0f9ffc9fc5733eda817ae78f89ab07387328bf47e777?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/5c8f0880b104c6acfa0f0f9ffc9fc5733eda817ae78f89ab07387328bf47e777?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/5c8f0880b104c6acfa0f0f9ffc9fc5733eda817ae78f89ab07387328bf47e777?s=96&d=mm&r=g","caption":"Ryan Robinson"},"description":"Creator. Founder. Author. I'm Ryan Robinson. I got my start as a blogger, now I make videos, write books, and build startups. Co-Founder at RightBlogger. Join me here to learn how to start a blog and build a purpose-connected online business. Be sure to take my free marketing tools for a spin... especially my wildly popular free keyword research tool &amp; AI article writer. They rule. Somehow, I also find time to write for publications like Fast Company, Forbes, Entrepreneur, The Next Web, Business Insider, and more. Let\u2019s chat on LinkedIn and YouTube about marketing, business, and the beauty of it all.","sameAs":["https:\/\/www.ryrob.com","https:\/\/www.facebook.com\/therealryanrobinson"],"url":"https:\/\/www.ryrob.com\/author\/ryan-robinson\/"}]}},"_links":{"self":[{"href":"https:\/\/www.ryrob.com\/wp-json\/wp\/v2\/posts\/15890","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.ryrob.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.ryrob.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.ryrob.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.ryrob.com\/wp-json\/wp\/v2\/comments?post=15890"}],"version-history":[{"count":0,"href":"https:\/\/www.ryrob.com\/wp-json\/wp\/v2\/posts\/15890\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.ryrob.com\/wp-json\/wp\/v2\/media\/15913"}],"wp:attachment":[{"href":"https:\/\/www.ryrob.com\/wp-json\/wp\/v2\/media?parent=15890"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.ryrob.com\/wp-json\/wp\/v2\/categories?post=15890"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.ryrob.com\/wp-json\/wp\/v2\/tags?post=15890"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}