2- Add link in html code in text editor



The second way to add a link into an image is by writing some simple html code.


Step 1:

Go to your text editor in your post/page and find the image. All images are inside of a tag that starts like this <img...... and closes like this: ...../>.




Step 2:

Now, we will place a 'link tag' around our 'image tag'.


The link tag will look like this:
(where it says 'place the url here' you should place the url that you want your image to link to)

<a href="place the url here" ><img....../></a>

Note: include only if you want your link to open in a new window

My code will now look like this:


And we're done :)


On Next Page I have a link to another training about how to insert an image-link to a widget.




Join the Discussion
Write something…
Recent messages
JIllW Premium
I am always having a problem putting pictures on my site .I go to the media library on WA members site and edit and there is nothing that says insert. I also want to change the url that the image keeps on coming up with as it puts it on a different page that where I want it to go. One more questions should we just keep our pictures in paint .net is that better.?
Reply
littlemama Premium Plus
Are you following the training in the Green Button on the left menu? Adding images is simply explained in the lessons there. I suggest you follow the training in order and build your site accordingly.

When you add images to your own site, you do not go to "media library on WA members site", you go on your own site.

While you're writing your post on your site, in your WP admin area, there is an "Add Media" button just above the tool bar, once you click on that button, you can upload a new image and insert it into your post. This whole process is explained in the training though and you shouldn't need to look at these member trainings for it.
Reply
Athanasia Premium
1. To upload an image to your website, first thing to do is to login into your website. After doing that, follow the steps in Lesson 4 of this tutorial: 2. In the current tutorial I am showing you two different ways to change the url of the image. Did you follow all the steps?

3. I don't understand what you mean by keeping our pictures in paint .net.
When you upload a picture to your website, you store it in the Media Library of the website.
Reply
JIllW Premium
you can go to paint.net to resize pictures from your cell phone.
Reply
Athanasia Premium
ok. It's a tool to resize your images. You can resize them and then upload them to your website.
Reply
JIllW Premium
I do follow the instructions but there seems to be a difference when you get a picture or image from Wordpress library and from my pc and go to pictures on your own computer. If you got some more information to add to this I would like to here.
Reply
littlemama Premium Plus
There are many tutorials you can look at if you search "adding image" on the WA Search bar up top.
Reply
JIllW Premium
What I am talking about is when you go to media library click the picture click add new but I do not see an insert button. I do not mean to be a pain but I know this is simple but it has been a challeng lately
Reply
littlemama Premium Plus
I told you in my response above that you don't need to go to Media Library. Go into the post you want to edit, there's an "Add Media" button above the toolbar, I've attached a picture of this in my response above. Click add media, click on "Upload" tab if you need to upload from your computer, after upload, then select that photo if not already selected, and click bottom right "Insert" button.
Reply
Athanasia Premium
Strange. If you tell me the theme you have installed I can look into it and give you more specific instructions.
Reply
JohnG123 Premium
Awesome. Thank you for the info. I don't know anything about html yet but I will put it on the things to learn list :)
Reply
Athanasia Premium
You're welcome John :)
Reply
philaccardo Premium
You sound very knowledgeable, Anastasia unfortunately, I could not follow you in this training. Things did not look exactly how you displayed them on my site. And Im still too newbie.
Anyway, I was just looking to find a way to insert a jaaxy banner with my link into a sidebar widget.
Would you know where I could find such training, please?
Thank you much
Reply
Athanasia Premium
I understand.
Jaaxy should provide you with an HTML code(for the banner) that you just need to copy and place in your widget. Like amazon do.
As I'm not register in Jaaxy I can't help you find that, but if you get that code I can tell you where you should paste it in your webpage.
Reply
JoanGC Premium
This is SO helpful and detailed. Thank you. I have had a lot of trouble understanding how to insert images properly into my website.
Reply
Athanasia Premium
You're welcome.
Glad that it helped :)
Reply
Triblu Premium
Excellent detail training Athanasia, Thank YOU!
Reply
Top