Usability report for WordPress Image widget

This article simply walks trought a couple of bugs in the WordPress Image widget, by Modern Tribe, Inc. Comments and questions may be sent to contact@noachsw.com.

It is possible to escape these bugs with some css and an empty text widget and so forth, but it would be better if the widget took care of these basic things. 

We hope this is useful informaton to the developer, and so:

Float right, caption does not follow

Caption should obey image settings. Padding is in demand.

Float left with caption 

Caption layout is strange. There is no particular CSS for this widget caption, rather the default p tag is used.

It is recommended to add an Image-widget-caption class, and perhaps offer the user to define settings (actually, to allow for html tags for all text elements would be satisfactory)

Float left without caption

Causes the subsequent widget to be displayed much too subsequent-tight. There should be a padding below image

Float left without caption and two dots as heading for subsequent “text widget”

Notice the 2 dots to the right of the picture, actually a heading for a subsequent text widget.

Perhaps the css command “clear: both;” is missing and should at least be an option, perhaps even permanent?

Image does not autoscale

When Image is larger than widget area max-width, and no max-width is specified in the use of Image Widget, then:

The image does not autoscale as claimed in tutorial: “Handles image resizing and alignment

It means layman user of widget must have competence on widget area width etc. Autoscale should be default option, i.e. a check “do not autoscale” that is default checked.

As seen above using the same image, the widget obeys max-width specifications and does the scaling properly. So all that is apparantly needed is to detect the width of the widget area, no ?

 

%d bloggers like this: