In order to make a clickable widget you need to do one extra step before copying the HTML code of your picture within the text portion of the WordPress editor. I will again outline the steps you will need to do, to make a widget with an image, but this time the extra step will be in bold.
- 1.Take a free picture of your own or from a site like Pixabay
- 2.Resize it so it will fit in your sidebar
- 3.If need be, customize it with a free program like BeFunky
- 4.Open a blank new page or post in your WordPress editor
- 5.Click the Add Media button and add your image
- 6.In the Attachment Display Settings click on where it says “Link To” then select Custom URL and paste in the link where you want people to go, then click Insert Into Post (See below image)
- 7.Now click on the Text tab within the WordPress editor and copy HTML code of your picture
- 8.Go to Appearance -> Widgets in left menu in WordPress dashboard
- 9.Grab a Text widget and drag it up into where it says Sidebar and when the Text widget opens, paste in the HTML code and click save.
Now your widget is clickable and will take anyone who clicks on it to the link you placed within the Custom URL section of the Attachment Display Settings. Again, this can be used to send a person to a specific page or post on your website, to an affiliate link, or to any other link.
NEXT UP = Finding images to use for your widgetsJoin the Discussion
Write something…
LenaMiglena
Premium
Another great training! I actually knew how to do this but you outlined it very well and I am sure it will be of a help to many people. Thank you for your time to share with us!