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.

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!

• Now backward compatible with Dreamweaver 8.
• Full support for MacOSX running Dreamweaver 8 and Dreamweaver CS3.
• A new extended Property Inspector window displays active links to online template tag documentation.
• Expanded template tag rendering support now includes wp_list_bookmarks.
• Bug fix to wp_list_pages template tag for more accurate CSS rendering.
• Improved overall rendering speed and support.
• Multiple security fixes.

Download the latest version today!

Designer Fabrizio showcases Black Lucas. It also comes in grey, blue, red, and several other colors. Its a nice clean, widget ready theme that comes in a 3-column format. Designed with WordPress 2.5 in mind, it loads up in ThemeDreamer beautifully.

Click here to download (via www.newdirt.org)Click here to test

As lead developer here on ThemeDreamwer, I’ve been busy gearing up for our first release and haven’t had time to check out whats going on at Adobe Labs. Looks like they got a really nice version of Dreamweaver CS4 in beta. You can use it as a trial for just two days, or enter your CS3 serial and stay on top of things.

Granted, its looking good! New window chrome, and pop-up menus allow you to see into CSS style attributes. ‘Live Data’ has essentially been relabeled ‘Live View’ but has the added benefit of navigating your Code View. Think of it as a slow, server dependent Design View.

Still it relies on the notion that one dynamic script page = one web page, and that just doesn’t cut it for the intricate WordPress theme files. We’ve just tried ThemeDreamer with it, and together they appear to be fantastic. As with CS3, Design View offers fast, offline, and instant WYSIWYG feedback. And don’t forget those handy Code Hints! Click on the screen shot for a larger view.

So put on a cup of joe and download, design, discuss, discuss