How To Make On Page Anchor Navigation Links With WordPress Gutenberg & Any Page Builder

How To Make On Page Anchor Navigation Links With WordPress Gutenberg & Any Page Builder

10,113 Просмотров

In this video, you'll learn the easiest ways to create anchor links in WordPress Gutenberg, in any page builder, or even in custom-coded websites. It's really easy once you know how.
//*
Grab your free 17-Point WordPress Launch Checklist PDF: https://wplearninglab.com/get/wordpress-redirects.php?utm_source=youtube&utm_medium=video&utm_campaign=wp_jumpstart&utm_id=17_point_wp_launch_checklist&utm_term=WYxtfbVU6kQ&utm_content=video_description

Always backup your site just in case (or use a staging site), here's how: https://www.youtube.com/watch?v=D1aYbayFpfU&list=PLlgSvQqMfii4l2cVV1TZ7j_kHs_2qmf4b

Join our private Facebook group today! https://www.facebook.com/groups/wplearninglab
//*
Here are 20+ reasons why I host all my sites with SiteGround: https://wplearninglab.com/siteground-wordpress-hosting-review/
//*
Post videos of your WordPress success using the hashtag #WPLLCommunity!

Get on the Unofficial Ultimate Guide To Elementor course waiting list here (no obligation): https://elementor.convertri.com/elementor-guide-waiting-list

Here's the link for Elementor Pro (aff): https://wplearninglab.com/recommends/elementor

I hope this information helps you! If you have any questions leave a comment below or ping me @WPLearningLab on Twitter.

WP Learning Lab Channel: http://www.youtube.com/subscription_center?add_user=wplearninglab

Тэги:

#anchor_link_html #anchor_link_to_another_page #bjorn #how_to_create_an_anchor_link #how_to_create_an_anchor_link_in_html #how_to_create_an_anchor_link_in_wordpress #how_to_make_an_anchor_link #how_to_make_an_anchor_link_html #how_to_make_an_anchor_link_in_wordpress #on_page_anchor_links #wp_learning_lab
Ссылки и html тэги не поддерживаются


Комментарии:

Twist
Twist - 02.09.2023 19:56

Thank you💞

Ответить
Serviceproper
Serviceproper - 28.07.2023 13:36

Can this be done from the nav menu? I built a one page website and just want contact to go to section to contact us on the same page.

Ответить
Leigh Wood
Leigh Wood - 12.07.2023 12:16

My pages have been created with Elementor and when I click edit page I get a blank page with ‘Edit with Elementor’ in the middle, I cannot highlight anything to open the edit box. Is it possible a add section links in an Elementor page? Thank you

Ответить
livemusicloverLyn
livemusicloverLyn - 27.05.2023 19:12

If I click on edit page, it jumps to a different (blank) home page and I struggle to get back to the Astra theme that I've been working on. I can't seem to use edit page within the Astra theme.

Ответить
Lunar Tc
Lunar Tc - 09.03.2023 02:28

Anyone know how to do this on Shopify?

Ответить
CreativeBlue
CreativeBlue - 26.12.2022 09:33

I watched several other videos and their instructions did not work (even if they were meant for Gutenberg). Yours did. Thanks. Question! Can anchors contain accented letters? French characters seem to work on Chrome for Windows.

Ответить
eyextacy
eyextacy - 04.12.2022 18:43

What is the name of the plugin? I can't find your link to the plugin tutorial.

Ответить
Frank Foley
Frank Foley - 01.12.2022 17:43

Thank you for a simple "to the point" explanation of a simple process I couldn't figure out! And I didn't have to wade through how to purchase, install, set up, blah, blah, blah that everyone seems to include on EVERY video. I'll be checking out more of your stuff. THANKS!

Ответить
Dan Filipov
Dan Filipov - 05.10.2022 11:09

Thank you for the great video!

Ответить
Brian Clark
Brian Clark - 28.08.2022 22:18

Very helpful! I did this with Elementor and it was super easy, I attached the top nav menu to the internal links on a single page site and it works great. Now that it's done tho, when the page loads it jumps automatically to the Contact section. Which it did not do until I named the contact section. It's not set as the default path, it used to load to the page top no problem but now it's jumping past several sections and I'm befuddled as to why, I would love any hints or tips on where to look. I'm a couple hours in now and no luck on why it's doing it.

Ответить
Constancephoto
Constancephoto - 01.08.2022 21:13

Thank You! Very thorough and clear and just what I needed.

Ответить
Costin Lucian
Costin Lucian - 13.06.2022 23:33

Very useful tutorial. Thank you!

Ответить
Docutainment
Docutainment - 13.06.2022 17:13

Interesting plugin for TOC. Meanwhile there are two loading methods: JavaScript and CSS. What to you recommend?

Ответить
Alaa Kassim
Alaa Kassim - 13.06.2022 16:09

Great tutorial Bjorn, and as always very useful tips, we learn a ton from you. Would like to ask if you could make a tutorial on how to create contact form 7 with conditional or dynamic fields ? thank you again.

Ответить
electronzapdotcom
electronzapdotcom - 13.06.2022 15:13

Good stuff :) I really need to add anchor links to my site.

Ответить
Baris K.
Baris K. - 13.06.2022 15:08

Hi Bjorn; thank you for the video. If you make any video related to jump link again; Can you please show how to make jump link from footer menu to certain section of the page? . Thanks in advance.

Ответить