Insert an image in a widget area
You can easily add a clickable image in a widget area on your blog, to refer your readers to a publication for which you are displaying the cover, to one of your academic institutions for which you are displaying the logo, or to show images, by using widgets available in the dashboard of your blog > Appearance > Widgets.
The “Image Widget” widget was added on Hypotheses at a time when the “Image” widget, native to WordPress, did not exist, to compensate for the fact that inserting an image into a widget required coding its display in html.
Since then, WordPress has added the “Image” widget, which offers the same features as the “Image Widget” one, but is native to WordPress, so should be preferred.
Insert an image in a widget area using the “Image” widget
Let’s take a simple example: you want to display the logo of a very interesting blogging platform called Hypotheses (below) that you have previously saved on your hard disk.
The first thing to do is to go to the Appearance > Widgets menu on your dashboard. You will then reach the widget configuration page below.
Insert the “Image” widget into the widget area of your choice (here, the main column) using a simple “drag and drop”.
Associate a personalized link to an image
To add the image, click on “Add image”. You then have the choice between uploading a new image file from your computer or choosing an image already present in the media library of your blog.
You can insert a link on the image you just added using the “Link To: Custom URL” field in the image file details to insert the destination URL (here, the link https://hypotheses.org).
An image gallery in a widget area
In the Appearance > Widgets menu of your dashboard, insert the “Gallery” widget into the widget area of your choice (here, the main column) using a simple “drag and drop”. To add the images that will make up the gallery, click on “Add image”. You then have the choice between uploading new image files from your computer or choosing images already present in the media library of your blog. Click on “Add to gallery”.
Configure the display settings of the gallery (number of image columns, image size, linking images to links or media files) and then “Create gallery”.