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.

WPLink1a

Then you can just select the middle…

WPLink2

And replace it with any text you want.

WPLink3 

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.

WPLink4 

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.

WPLink1a

Now click on the Code tab.

WPLink5

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

WPLink6

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

WPLink7

Change it to anything you want.

WPLink8

Click the Visual tab to see your results. Easy!

WPLink9

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:

WPLinkHTMLCode

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:

    http://www.youtube.com/watch?v=81_rmOTjobk&hl=en&fs=1

  2. Dave Says:

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

  3. test Says:

    Test

  4. Larry Savage Says:

    portmantest
    (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:

    [...] http://scottthong.wordpress.com/2008/04/01/how-to-do-hyperlinks-in-wordpress-pictorial-guide/ [...]

  9. Elsie Says:

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

  10. The Planner Says:

    thanks!

  11. Vertue Says:

    test

  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:

    test

  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:

    Test

  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:

WordPress.com Logo

You are commenting using your WordPress.com 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


Follow

Get every new post delivered to your Inbox.

Join 115 other followers

%d bloggers like this: