Today, we’ll teach you how to create WordPress anchor links (like the ones below) in the block editor with 2 simple methods: Not only do we use anchor links to summarize the content but also to help users come back to the top of a long-scrolling landing page. And as we all may know, better SEO has a great impact on our site traffic, which contributes to more business revenue, social recognition, etc. The other name is the “Table of Contents” and it has a positive impact on the navigation, usability, and even SEO parameters.

They are typically used to create a summary with links (anchors) leading to each section. That’s what our next tutorial is about.Īnchor links WordPress break the post/page into logical sections. Whether it’s a blog or a landing page, you will need to learn how to create anchor links in WordPress easily. We rarely think of WordPress anchor links as an essential site element.

How to Add Anchor Links in WordPress with a Free Plugin?.

How to Insert Anchor Links in WordPress Manually?.

use the first element that is 'scrollable'įor (var i = 0, argLength = arguments. Added line below from previous version Var $target = $(this.hash), target = this.hash & (location.hostname = this.hostname || !this.hostname) Var thisPath = filterPath(this.pathname) || locationPath Var scrollElem = scrollableElement('html', 'body') Var locationPath = filterPath(location.pathname) Coding your javascript, we will use only jQuery (function($)$/,'') Then add id to your specific element, but you have already add id to your footer element, which is #footer-anchor.Ģ. 'your-menu-location', 'container'=>false, 'depth'=>1) ?> Wrap your menu with some class that we will use this one in a moment.

We will use just purely jQuery plug-ins, and surprisingly, the code works like a charm and look simple !!! Update : if you don't want to use plug-ins, please follow these steps. Please check this link up Page-Scroll-To-ID plugin tutorial

We can set it up easily on admin page within minutes, and we done. How about Page-Scroll-To-ID plugin ? It works fine in my WordPress website.

Creating anchor links in wordpress