Time was you needed to be armed with cash and a willing developer to create a dynamic website. Free content management systems such as WordPress (wordpress.org, often available on hosting services as one-click installs) put paid to that, enabling anyone to set up a blog and skin it with a template.

Until recently, customising a template required you to delve into code. Now, Dreamweaver CS5 can be pointed at a WordPress blog and it will figure out how to stitch together all the files, letting you navigate your blog, select elements from it, and then edit their appearance.

In this tutorial, web designer Craig Grannell shows you how to make edits using a remote WordPress install. Before starting, ensure you have a WordPress blog already set up on some hosting space, with a template applied to it.

Step 1 Create a folder on your hard drive for local file storage. In Dreamweaver, go to Site > New Site to access the Site Setup dialog. Name your site and define the folder you created as the Local Site Folder. When done, select Servers from the sidebar.



Step 2 Click the + icon to add a new server. In the Basic tab, add the details of your blog’s server: the name you want to refer to it as; the FTP address (including, if relevant, a path); your username and password (tick the Save box next to the latter); and the URL of the blog if Dreamweaver has guessed it incorrectly. Click Save.