How to Do Hyperlinks in WordPress – Pictorial Guide

The following is a brief step-by-step guide for how to put and edit hyperlinks in WordPress.

In WordPress, you an just copy and paste a link onto the text editor. It will appear as a link.


Then you can just select the middle…


And replace it with any text you want.


For the last letter of the link, you cannot just BACKSPACE to remove it – you must select that letter then BACKSPACE it, or the whole link will become ordinary text.


Remember that you can press Ctrl+Z  on the keyboard to undo any mistakes!

If you want a more precide method, do the following (click on the link to view full post if nothing follows):

Paste your link onto the Visual text editor. It will appear as a link, same as before.


Now click on the Code tab.


This is what you’ll see. I’ve expanded the window so you can see the entire HTML code.


Now select this area, between the two arrows. This is the text your link will show on screen.


Change it to anything you want.


Click the Visual tab to see your results. Easy!


The second method is what I normally use. You can copy and paste the link into Visual, then open up Code, then copy and paste the loooooooooooooong title of the page into the HTML area. Saves a lot of typing.

For commenting however, I recommend you memorise the very easy HTML code so you can just type it out without having to look up the code every time.

Here’s the code:


See? So simple! Just go to the comments, type the first nine characters (including the space), then paste your link, then the next two characters, then your link name, then close with the last three characters.

Much more impressive and easy on the reader than just pasting raw HTML links.

And that last one works for any blog or homepage, so enjoy!

Tags: , , , ,

20 Responses to “How to Do Hyperlinks in WordPress – Pictorial Guide”

  1. timg Says:

  2. Dave Says:

    I hope you don’t mind if I Test this!

  3. test Says:


  4. Larry Savage Says:

    (this comment is just testing using anchor/href html tags in a wordpress comment)

  5. Alehkhs Says:

    Good to know…

  6. Jovan Says:

    Thank you very much. Neat explanation.

  7. Nicole Elise Says:

    Great easy-to-follow explanation :) THANKS!!

  8. How to add a hyper link in a post « Teacherstoolkit's Blog Says:

    […] […]

  9. Elsie Says:

    Yes, a great, easy-to-do explanation! Thank you so much!

  10. The Planner Says:


  11. Vertue Says:


  12. A Brilliant Brochure on *yuck* Bacteria « Details Have a Public Face Says:

    […] I wanted to do my first hyperlink (thanks to the inspiration of Annie’s post), and I thought this would be […]

  13. mr0btuse Says:


  14. getyourtrendfix Says:

    Thanks for your useful post!

  15. NullPointer Says:

    Test comment

  16. Test Says:

    Hope this works.Thanks for letting me test

  17. captainred Says:

    noob test
    Thanks for the how-to!

  18. realdale Says:


  19. Ladw Says:

    This is not a HYPERLINK, but just a plain LINK. Change the title, you’re spamming!

  20. Khushii Says:

    Thank you so much. This was a great help.

Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s


Get every new post delivered to your Inbox.

Join 132 other followers

%d bloggers like this: