Creating WordPress themes in Dreamweaver

NEW! Dreamweaver CS5 has built-in support for building WordPress themes and other CMS templates!
Check it out here!

Ever wonder how to build or customize a WordPress theme in Dreamweaver? It's actually pretty simple. We've included some useful tools below along with some free themes we've created in Dreamweaver, and check out our blog article on customizing WordPress themes in Dreamweaver for more info.

WordPress 3 Complete

WordPress 3 Complete

Learn everything you need to know about creating a custom WordPress theme from scratch. WordPress 3 Complete teaches you all aspects of WordPress including theme development, plugin creation and syndication techniques.

Publisher: Packt Publishing / 344 pages available in print and e-book formats

Dreamweaver template and WordPress theme

FlexSqueeze for WordPress - Make money with your blog

FlexSqueeze for WordPressFlexSqueeze is the newest theme in the Flexibility series of WordPress themes. The theme was built for internet marketers who want to be able to easily integrate sales pages into their WordPress blogs.

FlexSqueeze gives you the power to control almost every aspect of your blog, including fonts, layout widths, graphic elements, colors, background images, header graphics, and much more.

Creating a professional sales page is extremely easy, and FlexSqueeze supports up to five different squeeze page headers for multiple product promotions.

If you're looking for the world's most customizable WordPress theme AND the easiest way to make money with your blog, head over to FlexSqueeze.com and read about FlexSqueeze theme. (And yes, I created FlexSqueeze entirely in Dreamweaver!)

Dreamweaver extension for building WordPress Themes

ThemeDreamer for DreamweaverThemeDreamer is a very cool Dreamweaver extension that allows you to easily customize or build WordPress themes in Dreamweaver. It works by compiling the individual theme files into a single WYSIWYG theme in design view. You can then edit the WordPress theme code as if you were editing your live blog!

ThemeDreamer simulates live blog post data, so you can style the CSS right in Dreamweaver's design view. Once you have made your changes, simply upload your new theme files your new blog is live! ThemeDreamer allows you to utilize the full power of Dreamweaver on your WordPress theme design!

For more information, visit the ThemeDreamer website.

Create WordPress themes with Artisteer

Artisteer - Wordpress Theme GeneratorI'm pretty skeptical when products claim to be good at generating website code, and when a product comes out like Artisteer than generates HTML templates, WordPress themes, Drupal themes AND Joomla templates all from the same interface, I was REALLY skeptical!

I bought Artisteer more out of curiosity than anything because I wanted to check out the code it generated. I was really quite impressed! The Extensoft people really did their homework on WordPress themes and especially creating code that works well in different browsers.

We use Artisteer to create our template packs that are free to download. One caveat though, Dreamweaver doesn't really play well with Artisteer templates, so if you plan on editing your templates visually after creating them, you might want to grab a different HTML editor like HTML Pad Pro.

But if you want a simple and fast way to create custom WordPress themes, check out Artisteer.

Free WordPress Themes

The themes below are free to download and use on your WordPress blog. We don't provide support for them, as some of the themes are a bit older and most of our WP time is spent on Flexibility Theme support and development.

NEW! Flexibility 3 for WordPress

Flexibility 3 allows you to take complete creative freedom with your WordPress theme. Customize widths, fonts, colors, images and more from an easy-to-use options panel.

 

Visit Site

Download Flexibility 3

Wordpress Web Hosting from $3.50 a month!

Wise Business WordPress Theme

This is an excellent free theme by Site5. It has a fully configurable theme options panel and is one of the best free themes we've seen. Installation and configuration instructions can be found here.

 

Download Wise Business theme

Wordpress Web Hosting from $3.50 a month!

Note to SoulVision theme users

If you are receiving an error on your current blog using SoulVision, please download and install the version below. There are other copies of SoulVision that have been redistributed on other sites without permission that contain encrypted footer links. We do not encrypt any part of our themes, so make sure you get the theme here.

SoulVision WordPress Theme

(See note above) SoulVision is a 3-column widget-ready theme with a wide top sidebar that works great for ads, RSS feeds or other wide content.

This theme was created using the ThemeDreamer extension for Dreamweaver.

Download SoulVision theme

Wordpress Web Hosting from $3.50 a month!

Xhilaration for WordPress

Based on our ModXBlog theme, this is also an AdSense-optimized theme that includes prestyled areas for easy insertion of AdSense ads. It's a 3-column widget-ready theme with 3 configurable sidebar positions including the top, left sidebar and right sidebar.

This theme includes built-in support for Breadcrumb-NavXT and Rob Marsh's Post Plugin Library.

Download Xhilaration theme

Wordpress Web Hosting from $3.50 a month!

ModXBlog for WordPress

This is an AdSense-optimized theme that includes prestyled areas for easy insertion of AdSense ads. It's a 3-column widget-ready theme with 3 configurable sidebar positions including the top, left sidebar and right sidebar.

This theme includes built-in support for Breadcrumb-NavXT and Rob Marsh's Post Plugin Library.

Download ModXBlog theme

Wordpress Web Hosting from $3.50 a month!

AdSensation for WordPress

This is an AdSense-optimized theme that includes prestyled areas for easy insertion of AdSense ads. It's a 3-column widget-ready theme with 3 configurable sidebars.

This theme includes support for WP-pagenavi, Sociable, Breadcrumb-NavXT and Rob Marsh's Post Plugin Library.

Download AdSensation Blue theme

Wordpress Web Hosting from $3.50 a month!

MixedMedia Series Wordpress Themes

MixedMedia is 3-column theme with built-in support for the following plugins:

  • WP-pagenavi - adds pagination navigation to multiple-page categories and archives
  • Sociable - styled to fit nicely in the theme
  • Breadcrumb-NavXT - adds breadcrumb navigation to the top of pages you select
  • Rob Marsh's Post Plugin Library - included support for Similar Posts, Recent Posts and Recent Comments

The theme also includes a pre-styled sidebar box for affiliate advertising ads, ideally 125x125 pixel ads. Make sure to read the readme.txt file for more details on how to configure the theme.

Download MixedMedia Gray theme

Wordpress Web Hosting from $3.50 a month!

MixedMedia Blue Theme

See description for MixedMedia series above

Download MixedMedia Blue theme

Wordpress Web Hosting from $3.50 a month!

MixedMedia Green Theme

See description for MixedMedia series above

Download MixedMedia Green theme

Wordpress Web Hosting from $3.50 a month!

MixedMedia Red Theme

See description for MixedMedia series above

Download MixedMedia Red theme

Wordpress Web Hosting from $3.50 a month!

TAGStention for Dreamweaver

TAGStention is a very good Dreamweaver extension for creating custom WordPress themes and templates. It includes features such as wizards for tags with parameters, support for 90% of the WordPress tags, inserting basic loops, inserting headers, and support for Ultimate TagWarrior.

We use this extension a lot when designing WordPress themes. The drop-down menus provide an extensive list of commonly used WordPress code snippets, and save a ton of time creating themes.

Download at solutoire.com

Dreamweaver extension for WordPress Templates

This Dreamweaver extension adds a toolbar to your menu for inserting commonly used WordPress code snippets. It includes the PHP code objects for Vcard, loop, header, include and others.

Download at vikiworks.com

Quick primer on customizing WordPress themes in Dreamweaver

Here's a quick tip for customizing WordPress themes in Dreamweaver. When you find a theme you like but you want to change some of the CSS code or graphics, simply open the theme in your browser. Save the page to a file on your local hard drive and then open the page in Dreamweaver. As long as you saved the entire webpage, including images and CSS, you should see the page in Dreamweaver as it displayed in your browser (plus some of Dreamweaver's design-mode quirks).

Now you have what you need to customize your theme. Simply edit the CSS file in Dreamweaver to your liking, and then save the CSS file back to your theme directory. If you changed any of the graphics in the WordPress theme, you will also need to upload those to your hosting server. When you preview your theme, it should display in your browser as you edited it to look in Dreamweaver.

This technique works for any visual changes, but if you need to change the actual structure of your theme, such as the PHP includes, you will need to edit the actual theme files within your WordPress installation. The CSS file controls the visual elements, but the page structure is defined in your page files.

See our blog post on creating WordPress themes in Dreamweaver for a more detailed explanation.

Recommendations for WordPress Web Hosting





Mobile-ready Templates
  • Interspire
  • WebAssist
  • Extend Studio
  • Ajatix
  • DWBooster
  • DW Calendars
  • Web Hosting
  • Web Hosting