Daily Deals on Dreamweaver Resources

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 4.x Complete

Learn everything you need to know about creating a custom WordPress theme from scratch. WordPress 4.x Complete teaches you all aspects of WordPress including theme, plugin, and widget development.

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

 

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!)

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!

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
  • BlueHost Web Hosting
  • InMotion Web Hosting
  • WebAssist
  • Extend Studio
  • Ajatix
  • Lynda.com