How to Easily Add Images in WordPress using HTML

Recently I’ve had several clients and friends ask me how to add images (and have them link to another website) on their own blog/website. This is super-simple to do using a little bit of HTML. Watch the video, read the instructions below, and you’ll be an image-adding machine in no time.

To recap, here is what you’ll need to do:

  • Size/crop your image FIRST (via whatever image editing program you use) and save your sized image on your desktop.
  • Upload the image to WordPress under ADD NEW MEDIA
  • COPY THE URL of the image after uploading (it will be provided for you)
  • Create a new sidebar “Text” widget (APPEARENCE – WIDGETS)

Then use the following HTML code for each image you want to upload (adding in your links and text of course).

<a href=”YOUR LINK HERE”><img title “YOUR TITLE HERE” src=”http://www.YOURIMAGEURLHERE.com” alt=”ALTERNATE TEXT HERE”></a>

And that’s it. Of course, things can get much more advanced than this – but this will give you a good foundation to build upon. Now go add some pictures to your sidebar/wherever you want!

Leave a Comment