Once the feature is finished, it will be time to test it out. In other words, we now have a custom ID for all other headings in the post. When you use an id attribute, the href URL for the first- head tag should be #first-tag. This will be accomplished with our old gyroscope tag. The first step is to insert anchor links into the content table. A single anchor link can be used to manage the entire functionality.

In order to create a menu anchor in the ‘Latest Releases’ section, you must enter #latest-releases. The CSS ID for the section you want to jump to should be entered into the URL field, followed by a hash tag. After you’ve set up your CSS ID, you can begin working in the Divi editor.ĭivi allows you to create a new post or open a post in a different window.

This example is a good place to start, as it demonstrates how to implement the feature on your website. In addition to anchor links, users can easily navigate between sections. Divi allows you to add anchor links to the different sections of your one-page website. A user who clicks on the anchor link will be directed to the anchored section of the page or post. To display a content block or specific element, attach an anchor link to it. This guide will teach you how to use anchor links in your Divi website. That’s all you need to do to create anchor links in Divi WordPress. Finally, you need to add the following code to the place on the page where you want the link to lead: Anchored Content Replace “anchor-name” with the name of the anchor you created in the previous step. Then, you need to add the following code to the page or post: Anchor Link Text Replace “anchor-name” with the name of the anchor you want to create.

First, you need to create a page or post where you want to add the anchor link. If you want to create anchor links in Divi WordPress, there are a few things you need to do.

Add anchor link wordpress