Editing WordPress CSS using Dreamweaver

WordPress

Dreamweaver

by Philip King

Here’s a quick step by step guide for editing WordPress CSS styles using Dreamweaver or any other CSS editor for that matter.

The biggest problem I’ve found with editing WordPress is the multitude of files which to all intense and purposes have to be hand coded using a text editor such as NotePad++,

http://sourceforge.net/projects/notepad-plus.

The intuative structure available from using an application such as Dreamweaver is lost, but Dreamweaver or any CSS editor can help in coding your themes CSS file, just following this step by step guide…

Step by Step Guide

1. Find the theme you like and add the theme to WordPress in the usuall manner.
2. Open a page containing the CSS style you want to change in your browser.
3. Save the entire web page as HTML including images and CSS to a file on your local hard drive (File > Save Page As > Web Page complete)
4. Open the page in Dreamweaver or CSS editor.
5. Edit the CSS code as required and save the file.
6. Upload the new CSS file and any graphics you changed to your hosting server.
7. Preview your sites pages. You should find the new changes have taken effect.

Note: This method only works for CSS style changes (the visual elements) and not the structure of your theme, i.e. the PHP code. You will still need to edit the PHP template files within your WordPress installation to change how the template structure is defined for your pages.