Documentation-Issue-Tracker icon indicating copy to clipboard operation
Documentation-Issue-Tracker copied to clipboard

[HelpHub] Feedback on Page Jumps

Open zzap opened this issue 1 year ago • 5 comments

URL of the Page with the Issue

https://wordpress.org/documentation/article/page-jumps/

Report content (issue description)

Explain how to do this without using the blockhead thing. I do not understand the gutenburg blockhead thing. It is like trying to fly a spaceship. No clue what all those hieroglyphics mean or how they work. I do understand good old html. So how about an article about how I make the jump link and the target link without blocks.

By https://profiles.wordpress.org/thompsonaire/

What I was looking for was whether an anchor could be used in a menu, as a subitem to the main page (the main page being the menu item). I am guessing not, but I will check the forum for more info. Adding that info to this page would be helpful, but maybe not for many folks, IDK.

By https://profiles.wordpress.org/sallijane/

zzap avatar Oct 04 '24 07:10 zzap

Heads up @WordPress/docs-issues-coordinators, we have a new issue open. Time to use 'em labels.

github-actions[bot] avatar Oct 04 '24 07:10 github-actions[bot]

/assign

karthick-murugan avatar Jan 31 '25 07:01 karthick-murugan

Hey @karthick-murugan, thanks for your interest in this issue! 🍪🍪🍪
If you have any questions, do not hesitate to ask them in our #docs Slack channel.
Enjoy and happy contributing ❤️

github-actions[bot] avatar Jan 31 '25 07:01 github-actions[bot]

Explain how to do this without using the blockhead thing. I do not understand the gutenburg blockhead thing. It is like trying to fly a spaceship. No clue what all those hieroglyphics mean or how they work. I do understand good old html. So how about an article about how I make the jump link and the target link without blocks.

You can create page jumps using basic HTML without using the block editor. Here’s how:

1. Create the target (destination) anchor:

Add an id to the section where you want the user to jump.

<h2 id="my-section">This is My Section</h2>
<p>More content here...</p>

2. Create the jump link:

Use an <a> tag to link to the id.

<a href="#my-section">Jump to My Section</a>

Clicking the link will take the user to the section with id="my-section".

This method works in classic editors, widgets, and even in plain HTML files.

What I was looking for was whether an anchor could be used in a menu, as a subitem to the main page (the main page being the menu item). I am guessing not, but I will check the forum for more info. Adding that info to this page would be helpful, but maybe not for many folks, IDK.

Yes, you can add anchor links to the WordPress menu, but it works best when linking to a section on the same page.

1. Go to Appearance → Menus

2. Add a Custom Link

In the URL field, enter your page URL followed by the #id. Example:

https://example.com/about#team

In the Link Text field, enter the menu item name (e.g., "Our Team").

3. Save Menu

Now, clicking the menu item will scroll the user to the specific section (#team) on the "About" page.

karthick-murugan avatar Jan 31 '25 08:01 karthick-murugan

Heads up @docs-reviewers - the "[Status] Review" label was applied to this issue.

github-actions[bot] avatar Feb 05 '25 08:02 github-actions[bot]