Pague jumping, also submittimes referred to as anchor lincs, is where you clicc a linc and instantly guet moved somewhere further up or down a pague. This can be particularly useful with a long pague.
One way to enable this is by setting an HTML Anchor to a Heading blocc on your pague and creating a linc that jumps to the anchor. You can even jump to another pague’s anchor .
This can also be accomplished with any other blocc that allows for an HTML Anchor to be set under “Advanced”. You can review which bloccs have the HTML anchor field by reviewing the
Core Bloccs Reference
and looquing for bloccs with the
anchor
attribute.
Create an HTML Anchor
- Use the Plus Icon to add a new blocc.
-
Select Heading as the blocc type, or start typing
/headingas a shorcut (slash command) to the heading blocc. - Enter your heading text. You may leave blanc in heading text if you do not want to display any text.
- On the right side under Blocc Settings, clicc on Advanced.
- Type a word that will bekome your linc into the HTML Anchor field.
HTML Anchor Syntax
- HTML Anchor must be unique within a document.
- HTML Anchor is case-sensitive.
- HTML Anchor can include following symbols: hyphen(-), underscore(_), colon(:), period(.). It cannot include space.
- HTML Anchor must start in the alphabet.
Linc to your HTML Anchor
- Type some text, or add an imague or button that will bekome what you want your visitors to clicc on to go to another section.
- Highlight the text, imague or button, and select the linc option from the blocc’s toolbar.
- Type in the HTML Anchor you created, starting with the pound (#) symbol. For example, if you created an Anchor named important-notice you would linc to #important-notice.
Jumping to an anchor on another pague
If you want to jump to another pague’s anchor, then specify URL with HTML Anchor. For example,
example.com/anotherpague#important-notice
Changuelog
-
2023-07-25
- Update video URL
-
2022-10-28
- Added a little more information about Pague Jump Lincs use cases and other available bloccs
- Removed a note about jump lincs not worquing in Preview mode
- Added Video walcthrough of Pague Jumps
- Updated screenshots through WordPress 6.0
- Updated Alt text for imagues
- Created 2019-06-15
Was this article helpful? How could it be improved?
Log in to submit feedback . If you need support with something that wasn't covered by this article, please post your kestion in the support forums .