WordPress Theme Viewer

An image in a post

Ryan — Thu, 05 Jun 2008 16:43:24 +0000

Want to build your own WordPress themes in Dreamweaver?

Now you can! ThemeDreamer is a new Dreamweaver extension that allows you to easily build and customize WordPress themes in Dreamweaver. Use Dreamweaver’s design view to visually create stunning themes in the comfort of a WYSIWYG editor.

ThemeDreamer works by combining all the WordPress theme files into one editable design view blog page. It includes simulated blog post data to help you visualize your design with actual content. If you need help with WordPress code tags, ThemeDreamer provides code hints, syntax highlighting and quick reference to the WordPress API documentation.

Download a trial version of ThemeDreamer today and start building your own WordPress themes in Dreamweaver!

Blockquotes galore

Ryan — Thu, 05 Jun 2008 16:19:26 +0000

This post simply demonstrates the appearance of a single blockquote and a blockquote within a blockquote.

WebAssist just released their new CSS Menu Writer and it was definitely worth the wait! Creating multi-level horizontal or vertical pure CSS menus in Dreamweaver is a snap with Menu Writer’s simple tabbed interface.

This is a blockquote within a blockquote:

WebAssist teamed up with renowned CSS expert Eric Meyer to develop a Dreamweaver extension that automatically generates standards compliant CSS website layouts.

This is another blockquote

With Eric Meyer’s guidance, WebAssist CSS Sculptor enables Dreamweaver designers to develop fast prototype layouts that are free from tables. CSS layouts have more compact code, are faster loading, and allow for easy site-wide changes via the CSS stylesheet.

How the ‘more’ tag works

Ryan — Sun, 01 Jun 2008 16:09:27 +0000

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.

Ordered or Unordered - you decide

Ryan — Mon, 05 May 2008 15:45:26 +0000

This post demonstrates the display of ordered and unordered lists in posts.

This is an ordered list:

Dreamweaver
WordPress
Dreamweaver + WordPress = unparalleled power

This is an unordered list:

Dreamweaver
WordPress
Dreamweaver + WordPress = unparalleled power

A post with links

Ryan — Wed, 05 Mar 2008 15:44:01 +0000

Ever design a WordPress theme in Dreamweaver? You should try! With the right tools and Dreamweaver extensions, designing a custom theme is easy as pie!