Knowledge Base

WordPress – Image & Text Widgets

Images in WordPress can function as widgets. This means that you can add them to the theme sidebar or footer and they will appear on all pages and articles. There are two ways to add an image: you can use the Text Widget or install an additional plugin with the same functionality. Text Widget With this Widget you can add plain text or HTML code on your website.

To add an image to your website by using the Text Widget, you will need to use HTML code.

For example:

<img src="/wp-content/uploads/myimage.png" />

/wp-content/uploads/myimage.png – Here you must specify the exact path to the image. You first need to upload it on the website where you can see its path in Files – > Library – > Edit – > URL:

You can add CSS to center or resize the image.

For example:

<img src="/wp-content/uploads/myimage.png" />

style=”max-width:100%;” – This CSS property defines the maximum image size which is adjusted to fit the image container.

If you want to link the image to an URL address, put the img tag inside a href tag.

For example:

<a class="helplinkext" href="http://mysiteurl.com/url.html">
<img src="/wp-content/uploads/myimage.png" />
</a>

mysiteurl.com/url.html – URL which will load when someone clicks on the image.