Method 3: WordPress Plugins to Create a Table of Contents
Use the same anchor name you wrote in step 1. You need to switch to the ‘ Text‘ view to add the anchor attribute in the HTML. Then, add the anchor id in the destination heading you want the link to jump to. Step 2: Add the ID in the destination heading I recommend writing a descriptive anchor name. Create an anchor name and add the # prefix. Step 1: Create the anchor in the classic editorįirst, create the text for your anchor and click on the link icon. The process is similar to Gutenberg’s editor but needs a bit more work on the HTML. You can create anchor links directly on any page or blog post on WordPress in HTML code. Method 2: How to manually add anchor links in WordPress Classic Editor You can create a table of contents by making the headings a jump link with this method. When you click on the ‘What are anchor links’ text at the top, it will jump to that section. That’s it! Now you have created an anchor link.
Now link it with the anchor name you typed in the HTML anchor box by adding a # prefix. Step 2: Create the link matching the anchor Give your anchor a name in the ‘HTML anchor’ box. Then, click on ‘ Advanced‘ from the Block view. Highlight the heading you want to create an anchor for. Step 1: Create an anchorĪnchors are usually the main headings of your page such as H2-H6. In this example, I will be creating an anchor with the H2. With Gutenberg blocks, you can create an anchor link with any heading or paragraph. The WordPress Gutenberg editor makes it very easy to add anchor links and create a table of contents to any post without using a plugin. One of the easiest ways is to do it manually with the Gutenberg editor or Classic text editor on WordPress. There are different ways to create anchor links in WordPress. Creating anchor links can be advantageous for SEO and user experience. Users can skip certain parts of a long content page and jump to the section they are most interested in. When you write a long post, anchor links can improve the user experience by jumping directly to a specific section on the page. Anchor links are jump links that take you to a specific section on a page.
0 kommentar(er)
