Jump links on front page

Shapely
1

Hi
How do I create jump links to different sections on my front page?
Thanks so much!

2

Hello there,

I hope you are doing well today.

In order to create an anchor link menu, go to Appearance > Menu > Custom Links and for the link you would add the section id which you can find by inspecting the element or section you want to use, it looks like this ā€œ#shapely_home_parallax-3ā€. Once you have that, simply add the newly created menu item to the menu.

Best Regards,
Support

3

Iā€™m wondering the same thing. The above reply isnā€™t exactly helpful though? Where do I find the section idā€™s (ā€œ#shapely_home_parallax-3ā€)? Is there a full list of them?

4

Hello there,

There isnā€™t a list , you would have to inspect the page element to find the section id, so you would right click an element on the page and the section id would be displayed in the CSS code

Best Regards,
Support

5

Hi this answer is quite helpful. I have one further question, is it possible to give a friendlier name to the anchor ID? Meaning is it possible to change the div ID from #shapely_home_parallax-3 to ā€˜#testimonialsā€™, that way the URL would look much better. Please let me know.

6

I am planning a different solution to tackle the anchor links. Will add empty DIVs with friendly IDs just before parallax widgets (using html widget), that way I donā€™t touch theme core code.

1 Like
7

hey there

Well, sorry but itā€™s not that easy to change the IDā€™s of the sections, this will affect many things in the template, better to not touch it :slight_smile:

8

Thank you for your response. And you are right itā€™s best not to change core code.

I found an alternate solution. I have inserted HTML widget right before the parallax widget with an empty DIV with ID that I want and that becomes the anchor for the URL. This is working well.

9

Hi,
There is two method of creating jump links:
1st : You should install plugin name Table of Content
then simply goto setting of plugin and select after h2 heading and bottom. And done jump links of you main heading will be created.

2nd is manual work :
Step 1: Choose Your Linkā€™s Text and Assign It an Anchor Name
Step 2: Add Your Anchor Name to the Relevant Section of Your Page or Post
Next, youā€™ll need to indicate which section of your page or post your anchor link should lead to. Navigate to that section, and access the HTML editor by selecting More Options > Edit as HTML:
Then, add the ID you created earlier to the contentā€™s initial tag. If youā€™re linking to a specific paragraph, for example, you would include the ID in its starting

tag, like this:

.

Itā€™s important that the ID you add here exactly matches the ID you used for your link. As long as thatā€™s the case, readers will be jumped to the section you chose when they click on the anchor link.

10

Thank you for sharing your solution guys :slight_smile:

I will mark this case as resolved now