Image Widget

Adding an image to a widget area just got easier. In the past, you had to use a Text Widget and add the HTML code to insert an image. Now, you can simply drag the Image Widget to the desired widget area of your theme and add the image using the built in Add Media tools.

  1. Login to your site.
  2. Go to Appearance > Widgets
  3. Select the Image Widget from the Available Widgets and select the widget area to display the image. Click Add Widget.  Alternately, you can drag to the desired widget area of your theme.
    Add Image Widget
  4. Click the Select an Image button.
    Select the image
  5. Select the image from your Media Library or click Upload Files to upload a new one.
  6. Click Insert Into Widget
  7. The Title field text will display. Add text here if desired or remove the text if you don’t want any text displayed.
  8. Add Alternate Text for web accessibility
  9. Add a Caption if desired.
  10. Add a link if you want the image to link to another page.
  11. Select a size. You can select Full Size, Thumbnail, Medium, Large or Custom. Custom will allow you to specify the exact size.
  12. Select the alignment if desired.
  13. Click Save.
    Image Settings
  14. View your site. The image should be displayed in the widget area.
    Site with image widget

Sites@UCI provided by the Office of Information Technology, University of California, Irvine