How to Create Links to Specific Spots in WordPress




Geniuswp show

Summary: You’ve probably been on a website before, clicked on a link, and instead of it taking you to another page, it simply took you to a different spot on the page.Or perhaps you’ve clicked on a link and it did take you to another page (or another site), but it didn’t put you at the top of the page. Instead, it put you at the top of a section somewhere down on the page.These types of links are called page jumps, and in this post, we’re going to go over how you can get them in WordPress.Two Basic PartsThere are two basic parts to apage jump:The linkThe targetThe link, of course, is the link that you click on. And the target is the spot where you end up on the page.A link for page jump looks like this:The 1970’sThe target looks like this:You’ll notice that in the href spot there is a hashtag (#) and then an identifier (1970s).In the target, there is no hashtag, but the identifier (1970s) is the same as in the link.In the target, you can have words in between the “a” codes if you like, but it’s not necessary.For example, these two targets are the same for all intents and purposes. A link pointed to them will go to where that target code begins.The Decade of the 1970sEasy Creation in WordPressIn WordPress, it’s pretty easy to create such page jumps.Simply go into the code (i.e. “Text”) panel of your editor, and then create a TARGET where you would like the link to jump to.In my example, I’m going to put it just above the title of a section on my page called “The Decade of the 1970s.”Next, while you could insert the code for the link in this same window, it’s easier if you switch back to the visual mode of your editor, then select the text (or image) you’d like to link and click the link icon as if you were making a regular link.Instead of putting in a URL, however, you’re going to put in the same target word that you put into your target code, EXCEPT you have to remember to add the hashtag before it.In my example, mine was “1970s,” so I’m going to put in #1970s. Then just save the link as you normally would.And then here’s where that link now jumps to – just above my section titled “The Decade of the 1970s.”By the way, when you’re in your visual editor, you should be able to see a tiny little link icon to show you where your target is.Jumping to the Spot on the PageWhen you click the link you’ve made and jump to the spot on the page that you want, you want to make sure that nothing gets cut off at the top of your page.That’s why I chose to put my target ABOVE in the title of my section instead of wrapping the target code around my title.In other words, I chose to... You are listening to the topic about "How to Create Links to Specific Spots in WordPress", if you want to read the full article, please visit https://geniuswp.com or the link in the description.