ThemeDreamer

WordPress 2.5 introduced a convenience feature for inserting images and wrapping text around posts. The feature appears when you click on the ‘Add an Image’ icon on the Add media toolbar. Unfortunately, not all themes support this feature, but adding it to your own theme is a snap as they are simply CSS rules that can defined inside of style.css.

You can easily find these CSS definitions needed to support WordPress 2.5’s convenience features. Just open the style.css file from the default ‘Kubirck’ theme that comes with WordPress 2.5 and above. Its NOT included in the Classic theme, but could just as easily be added.

The CSS rules are defined in img.centered, img.alignright, img.alignleft, .alignright, and .alignleft. You can simply copy and paste these definitions into your own style.css. By doing so, you will have instantly updated your theme for WordPress 2.5 compatibility, increased value to your theme, and made posting a whole lot easier for your end users.

Testing this functionality is even easier by using the nearly identical icons located on the ThemeDreamer toolbar. Simply click the image button to ensure the an image is being shown in your simulated post, and then select an alignment mode (one of the red block icons next to the image button on the toolbar). ThemeDreamer will automatically simulate an image post with the given alignment inside of Dreamweaver’s Design View. This is the equivalent of a user selecting one of the alignment option circles in Add an Image dialog in WordPress.

The image alignment buttons in ThemeDreamer’s toolbar that resides inside Dreamweaver correspond with the options in WordPress’s Add an Image dialog. Use them to test your theme in Design View.

We’ve got a new version out and it is feature packed. Don’t let the sub version number fool you! Version .3 has many new enhancements including a new toolbar, additional support for comments, and a number of essential bug fixes.

A new toolbar debuts with more buttons for simulating essential features for image alignment, page navigation, and comments.

WordPress 2.5 introduced an image alignment feature for inserting images into posts and pages with wrapping text. The default Kubrick theme is an example that coordinates with WordPress 2.5 convenience features. However, not all themes implement image alignment within their style.css file. Now you can be sure that your theme supports WordPress’s convenience features with the handy red image alignment icons on the new toolbar. The added buttons simulate WordPress 2.5’s image alignment in Dreamweaver’s Design View.

Page navigation has also been added that exists in WordPress’s classic theme but not present in Kubrick. The page navigation feature defined by the wp_link_pages template tag is now simulated in Design View. Expect to see some new How To’s on the website that will show you how to bring these features into your own theme. More support for various template tags and rendering bug fixes for DW8 Mac users round out the improvements in this release. Download it today!