Dreamweaver tutorial: Working with WordPress sites

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....

read more...

Share |

Published By: Web Designer Mag - Tuesday, 14 September, 2010

  • Currently no related articles