Dreamweaver tutorial: Working with WordPress sites
Dreamweaver CS5 introduces the option to work with dynamically served sites such as WordPress. This is a quick introdcution to the basics and how the feature works
01 WordPress connectivity
We’ve started by installing WordPress on our test server, defining it as a staging server, and styling it with
a theme from the WordPress gallery. We’re now able to turn our WordPress install into a Dreamweaver site, connecting to the server and importing the files into a local directory.
02 Finding files
If we start to open a page from our local copy of the site, we won’t be able to see any content, as the site is assembled from many different files. Dreamweaver will prompt us to use the server to discover the rest of the
files. While the default is manual discovery, you can set it up to automatically find related files for the page.
03 Live View
Once you’ve loaded all the related files for your page, you’ll be able to view it in Live View. WordPress, like other application-powered sites, is best viewed using the files on the server, as PHP content runs on the server, delivering HTML to a browser.
04 Dynamic editing
You can then open the individual files that make up a page and make any edits you want – as well as using the Inspector tools to see which CSS commands affect which parts of a layout. Highlight an area to see the CSS
in use – or use Dreamweaver’s Live Code code navigator.