Accessibility
Ryan Grabenstein

Ryan Grabenstein

www.justdreamweaver.com

Table of Contents

  1. Introduction
  2. Setting up your local Dreamweaver site
  3. Adding a logo to your WordPress theme
  4. Styling theme post titles
  5. Adding custom sidebar content
Created:
31 August 2009
User Level:
Intermediate
Products:
Dreamweaver

Create a WordPress theme with Dreamweaver – Part 2: Applying theme tweaks

Welcome to Part 2 of my three-part tutorial on creating a WordPress theme from an HTML document using Adobe Dreamweaver. Part 1 covers the basics of WordPress and what makes up a WordPress theme. This article focuses on theme tweaks that can be applied to almost any WordPress theme, such as adding a logo, styling post titles, and adding custom sidebar content.

In this tutorial, I'll also use the Virtuosoft ThemeDreamer extension, which makes visualizing WordPress themes with Design view in Dreamweaver much easier. ThemeDreamer assembles all the individual PHP files needed in a WordPress theme into one complete file with sample blog data. This lets you build and style your theme in Design view and see your style sheet changes without having to upload it to your remote server.

Note: To complete the steps in this tutorial you need to have WordPress installed on a live domain. I also assume that you have already uploaded the sample theme into your WordPress blog.

Requirements

In order to make the most of this article, you need the following software and files:

Dreamweaver CS4

WordPress 2.8.4 (or later)

(Optional Windows) XAMPP

(Optional Mac OS X) MAMP

(Optional) Dreamweaver extension

Sample files:

Prerequisite knowledge

Basic working knowledge of Dreamweaver, web standards (for example, XHTML and CSS), and PHP.

Creative Commons License
This work is licensed under a Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License

Page 1 of 5
Next Page

About the author

Ryan Grabenstein is a web developer whose projects focus on helping beginner and intermediate web users build better websites using Dreamweaver. He develops and maintains a collection of free Dreamweaver templates and CSS layouts at JustDreamweaver.com and his popular Flexibility series of WordPress themes enables bloggers to customize their sites without having to master HTML, CSS, or PHP.