If you look to the right of this post (less easy if you’re on a phone!) you’ll see The Trussell Trust’s logo and an invitation to click it, which will take you to their donation page. That’s what I mean by a ‘clickable image’ in a sidebar. Here’s how to do it.
These instructions may well work for WordPress dot org and other websites too but I’ve never owned a self-hosted one to be able to test it. Some organisations create their own shareable ‘buttons’ which are made from a short piece of code – you insert that bit of code into your website and it pings into a little clickable button when you publish. In the absence of (a) that bit of code and also (b) the ability to tinker with code in a WP dot com blog here’s an alternative.
You will need
- An image that people will click on.
If you don’t have one you can create something in PowerPoint or Word and save it as an image. Don’t pinch one off the internet unless it’s an official logo where it’s OK to use for this purpose (also don’t imply that they endorse your website).
- A web address to link the image to so that when someone clicks it they’ll go there
- A WordPress dot com blog, and to be logged in (go to wordpress.com to do that)
- Save your image with a sensible name. You can either upload it in advance to your media page (add /wp-admin/upload.php to the end of your wordpress blog name) or do that during the process
- Visit your widgets page (add /wp-admin/widgets.php to the end of your blog name), look among the available widgets for Image (Ctrl+F image will speed that up).
- Click on the down-arrow next to it, then choose its location (on my blog it’s Sidebar or nothing) and click Add Widget
- Your Image widget will now appear in the editable Sidebar to the right of all the widget options – it’ll be added to the bottom but you can move it by clicking and dragging.
- Click on Add Image which will take you to your Media Library. You can drag and drop an image here to upload and use one, or select one that you’ve previously added. You can also edit the image (eg add a caption if you want, try stuff out)
- Where it says ‘Link to’ add the web address of the page you want people to go to when they click on the image.
- Give it a title (in my own example it says “If you’ve found this useful, please make a donation to a Food Bank – here’s one“), then click save
- Visit your blog’s homepage and check it’s as it should be – below are some photos of what things look like as you’re doing this.
This post is adapted from a post I wrote on my main blog – I’m gradually transferring the techy posts from there to here.