How to Add Links in Posts and Pages in WordPress

As you know that WordPress is the best and most User friendly CMS there. So, Adding links (Hyperlink) in WordPress is not that hard. But in this tutorial I’ll just show, how you can add links in Posts and Pages. As it comes with 2 type of editor (Visual Editor and Simple HTML text Editor) to write and edit the content of blog posts and pages. A beginner can Add links with Visual Editor as it’s as that. However, you need a Good knowledge of HTML Language to add link with HTML Text Editor. But I’ll be showing to Add Links using both of those Editors.

Both Visual and Simple HTML Text Editor is shown in the Image below:

WordPress Blog Post Editor

Add Links in Posts and Pages in WordPress by Visual & HTML Editor:

At 1st I’ll be showing that How to Add links using Visual Editor, It’s super Easy.

To Add Links in between the content of your Blog Posts or Pages you need to:

  1. Select the TEXT you want to create a hyperlink for.
  2. Click on Insert/edit link Button as shown in the image below.

Create a Link in between the Content of Blog Posts and Pages in WordPress

Once you clicked on the button, It’ll come up with a Pop-up. Where you need to:

  • Enter the final destination URL or the Website you want your user to redirect to.
  • Link Text is the Text, what will be showing upon the website URL or link ( or you can say Hyperlink Text).
  • If you want that Link to be open in a New tab (when clicked), then you need to CHECK the box saying Open in a new tab.

You can also link to your published blog posts or pages.To do so, you need to click on Or link to existing content and then Search by the name of post or page. Once you find the post or page, you wanna link to. Click on that Post or Page and It’ll automatically fetch the link of that post or page.

Create a Link in Blog Post Editor in WordPress

Once you’ve done with that all, click on Add Link. And that’s all you can see that link in Blue color, as shown in the image below:

Link added in WordPress Blog Post

How to Create a Link in HTML:

As I’ve already told you that to create a Link in HTML, you must have the knowledge of HTML language. But to End your search to Creating a link in HTML. I’m explaining you, as I’ve Mastered the HTML (Yaa, I’ve Mastered the Web Development).

I’m going to explain you with the help of Link that we’ve created with Visual Editor.

This is what that link looks like in HTML, shown below:

Create Link in HTML

In the above image:

  • <a>: It’s a HTML Tag stands for creating a Hyperlink, used to link from one page to another page. Generally as you Hover over any link, It notifies you by changing the mouse pointer into a Whitish HAND tool. But it just works with href attribute and must have some value in href. Again I’m saying that a is Nothing without href.</a> for closing the Tag, as it is Necessary.
  • href: It’s the most important Attribute of HTML Tag a, which is used to specify the URL of the Website the link is going to or you can say the Final Destination of the Link. We write it as <a href="http://www.website.com"></a>.
  • target: It’s also an Attribute of HTML tag a, which specifies that where to Open the Linked URL. As I wanted to Open that Link in a New Tab, so I’ve typed _blank (Open in a new tab). We write it as <a href="http://www.website.com" target="_blank"></a> or <a target="_blank" href="http://www.website.com"></a> both are correct. If you don’t want to open in a new tab, then you don’t have any need to add target Attribute to the link.

You can also add No-follow Attribute to the link for SEO, as <a href="http://www.website.com" rel="nofollow" target="_blank" ></a>.

You might be interested in:

If this article helped you, please consider to share it with your friends and colleagues on Social Networks like Facebook, Twitter and Google+.


SEO PowerSuite- Blog-Site SEO Booster

3 thoughts on “How to Add Links in Posts and Pages in WordPress

  1. Hi Akshar,
    Thanks for the recent visit to my Blog.
    And i must say that your post is very information, any newbie can easily learn from this post of your. Good work man. And keep it up.

  2. Hi Aksar,

    I must say you real nicely elaborated and made it easy to understand how a blogger or webmaster can add links in posts and pages on WordPress. Sharing images has also helped to make it easily understandable.

    Keep sharing more helpful content.

Comments are closed.