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”.

“Image” widget in the widget customization menu on the dashboard of a blog.

Associate a personalized link to an image

Associate a 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

“Image” and “Gallery” widgets

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”.

Featured Image: Photo by rawpixel under Unsplash license

Cite this article as: Marion Wesely, "Insert an image in a widget area," in The house of blogs, 10/09/2018, https://houseofblogs.hypotheses.org/815.

Marion Wesely

Chargée de l'accompagnement des communautés et de la valorisation des contenus d'Hypothèses / Community manager & communication officer for the Hypotheses platform (OpenEdition)

More Posts

Follow Me:
TwitterLinkedIn