ThemeDreamer

This video has been updated for ThemeDreamer v.3. Split View (Design View/Code View) is displayed and you can edit a WordPress theme instantly in realtime. No server configuration is needed and you can work offline. Now you can use Dreamweaver’s powerful design tools to edit, enhance, customize and create personalized WordPress themes.

Navigate code visually and see ‘what does what’ as WordPress’s template tags highlight as you select visual elements in Dreamweaver’s design view.

Below are screenshots for ThemeDreamer v.2. This section will be updated with new version screenshots shortly. 

Click here for a Quick Introduction Video

Adobe’s Dreamweaver CS3 using the ThemeDreamer for WordPress Extension. Dreamweaver’s Design View editor shows the WordPress theme file ‘index.php’ reflecting the content of the linked files ‘header.php’, ‘footer.php’, along with CSS styles and various WordPress Template Tag settings. ThemeDreamer simulates a typical post, and various template tag options by injecting sample data to allow you to visualize your various CSS style settings.

 
ThemeDreamer can be toggled on and off with a single mouseclick to the blue ThemeDreamer icon on the toolbar. This image shows how a WordPress theme file looks without the ThemeDreamer for WordPress Extension installed and enabled. The “Not Found - Sorry, but you are looking for something that isn’t here.” prompt is  ironic as it is unaccommodating.

 
With ThemeDreamer installed, you can open the theme’s main ‘index.php’ file or any template page, or category page and see what additional files comprise the theme file. You no longer need to guess, split or combine various files to work on the overall theme design. You can easily work on include files and open the related native theme files by clicking in the property inspector.

The extension provides convenience features that include the ThemeDreamer toolbar. The toolbar allows you to quickly toggle ThemeDreamer’s theme rendering in Design View as well as simulate various post options like image, blockquotes, ordered and unordered lists and the ‘<!–more–>’ tag.

ThemeDreamer also provides WordPress’s Template Tags, Conditional Tags, Include Tags, Plugin Actions and Filters, as well as other WordPress APIs as Code Hints (updated for WordPress 2.5.1) in  Dreamweaver’s Code Edit window.

Code Hints allow for accelerated theme and application development by revealing Template Tag syntax and default values. 

Version .2 introduces a new, faster, expanded Property Inspector that provides instant links into WordPress’s updated online reference manaul. 

Download the latest version today!