See Also: Setting up a conditional table of contents widget It does all the work for you, and lets visitors navigate even long-form content easily. Add Anchor Links with Table of Contents PluginĪ Table of contents plugin is a great way to add useful anchor links with minimal hassle. Go to the link that will jump to your anchor, and enter the ‘# anchor-name‘ (without quotes) in the URL target field. Id= "your-anchor-goes-here">Link to this heading Code language: JavaScript ( javascript ) Add an anchor ID with a PluginĪdvanced Editor Tools (formerly TinyMCE Advanced) adds a handy ‘anchor link’ tool to your WYSIWYG editor. Add the ID to the opening tag of the element (shown below).Select the element you want to add an anchor to.There are a few different ways to create your anchor targets: You can still manually add anchor links to your posts. But if you’re still using the classic editor, don’t worry. It’s no secret that I love Gutenberg blocks. So if you were linking to an anchor named ‘my-anchor’ it would look like this: Add Anchor Links in the Classic Editor Select the text or button that you’d like to make a link and add the anchor ID with ‘#’ in front of it. Next we need to add the anchor to a link. Go to the ‘Block’ tab in the settings sidebar on the right.Usually, this will be a heading, but it works with any element. Add an ID to your target blockįind the block in your post that you want to link to. And you never have to touch the code view. That’s because it includes an option to add an HTML Anchor ID to any block in your post. WordPress’s built-in Gutenberg block editor makes it really easy to add anchor links to your content. Create anchor links with Table of Contents Plugin.Create anchor links in Gutenberg editor.And if you’re not sure what an anchor link is, below you’ll find a textbook example:
0 kommentar(er)
