Official website for Web Designer - defining the internet through beautiful design
FOLLOW US ON:
Author: Steve Jenkins
14th September 2010

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
Dreamweaver tutorial: Working with WordPress sites

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
Dreamweaver tutorial: Working with WordPress sites
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
Dreamweaver tutorial: Working with WordPress sites
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
Dreamweaver tutorial: Working with WordPress sites
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.

  • Tell a Friend
  • Follow our Twitter to find out about all the latest web development, news, reviews, previews, interviews, features and a whole more.

    9 Comments »

    • Allen said:

      Dreamweaver just made it easy for those to customize their WordPress websites. Impressive.

    • Manoj Shekhawat said:

      Nice

    • Idraki M. said:

      That’s all? I was hoping there’s more about it, as the title very general.

    • Mike said:

      What the hell kind of lame article was that…. geez. :(

    • Phil said:

      I’m with you Mike – not much of a Tutorial – more like an ad pitch for Adobe. Same with some of the other ‘tutorials’

    • Barry La Vette said:

      I just talked about this on my site
      http://buttahdesign.com/htmlcss/why-you-need-to-upgrade-to-dreamweaver-cs5-2/

    • Raj said:

      WAT…..just wasted 30s of my life!

    • Steve said:

      Seriously, this is pretty weak at best. Here is a cutting edge tip only the pros use: enable LiveView directly on your theme template file and bypass a slow server bottleneck

      http://www.youtube.com/watch?v=2bCTbjoBWa8#t=3m55s

    Trackbacks

    What's your opinion?

    Add your comment below, or trackback from your own site. You can also subscribe to these comments via RSS.

    Be nice. Keep it clean. Stay on topic. No spam.

    * Required fields