How Do I Create a Hyperlink Bookmark in WordPress?

Make bookmark anchors on hyperlinks for a WordPress page or post

If you Google "how to create bookmarks in WordPress," you'll come up with everything from "you can't" to long, overly complicated ways of creating bookmark hyperlinks. But it can be done and it's not that hard.

Let's say you've created a list of FAQs. The answers are short, so you want to put them all on one page. Put a list of the questions that will be answered at the top of the page.

Now you'll want to make life easier for your visitors by turning those list items into hyperlinks that move to the bookmarked paragraphs on the same page.

Not a problem. You can do it in just a few easy steps.

Name the Bookmark

First, you must create an anchor tag where you want the link to jump to on the page. This is what identifies something as a bookmark. When someone clicks on a link, his cursor will jump to the exact point on the page. But instead of creating a typical hyperlink, you'll take the following steps instead. 

Create the Bookmark 

Switch to text mode by entering the code in your HTML editor. Now position your cursor. Move it to the spot you want the link to jump to. You might want to create the bookmark a couple of lines above the actual place because some browsers will move the cursor a line or two below where you actually tell the cursor to go. 

Now name the bookmark to create the beginning anchor tag. You can use numbers, letters, upper or lower case, but no spaces or symbols. Then create the end tag. You will not put display text between the beginning and ending tags as you normally would when creating a hyperlink.

Here's an example. Your page should look like this when you're finished. Just change all the brackets – [ ] – to the left and right HTML brackets > in this example. 

[a name="bookmarkname"]Bookmarkname[/a]

Create the Hyperlink 

The next and final step is to create the actual hyperlink that will jump to the bookmark place you just created when you click on it.

Highlight the text you want to turn into a hyperlink to your bookmark. You can enter this in HTML or use the "Visual" editor and click on the little chain icon to create a hyperlink in the "easy" mode.

Your hyperlink can be created one of two ways. You can use the full URL plus the bookmark name, or just the bookmark name. For example, let's say the URL on the page with the bookmark is www.domainname.com/mypage.html. I want the bookmark to jump to "mybookmark" that I just named. I'd enter this: 

www.domainname.com/mypage.html#mybookmark

Or you could also just put the bookmark so the hyperlink simply is entered as:

#mybookmark

That's it. You're done!

Find Your Next Job

Job Search by