An Introduction to for WordPress Bay Area Foothills Group Organized by Lou Anne McKeefery

An Introduction to

forfor

WordPress Bay Area Foothills GroupOrganized by Lou Anne McKeefery

What is it?

An Extension for Adobe's Dreamweaver

Compatible with Dw8, CS3 and CS4

Works on Macintosh and Windows

What does it do?

Makes Editing WP Themes Easier!

Provides Real-Time CSS Design View

Simulates post, comments in Design View

Combines 'include' files in real-time

Provides code hints in Code View

Links to online codex documentation

How do I use it?

Open the theme file index.php, single.php...

Use your existing Dreamweaver Skills

Apply CSS Style like any other document

Use Design, Split and Code View

See instant feedback, save your changes

Open an existing theme file...

Without / ThemeDreamer Disabled ThemeDreamer Enabled

Files are combined in real-time

Use the Property Inspector

Reveals include files Provides context sensitive documentation

Navigate Code with Split View

Use Content Simulation Panel

Using Basic Foundation Themes

Six 'Blank' W3C Validated layouts to choose from

CSS fixes for IE6, IE7, IE8 use anti-aliased fonts

CSS hover, active, focus fixes for IE6, IE7, IE8

CSS fix for IE6, use alpha PNG, repeat pattern

Supports latest WordPres 2.7.X – 2.9.X API

Threaded Comments Support

100% GPL – No branding

Choose a layout

Basic 101Basic 101 Basic 201Basic 201 Basic 202Basic 202

Basic 301Basic 301 Basic 302Basic 302 Basic 303Basic 303

Navigate the stylesheet

Print this high resolutionPrint this high resolution PDF file for referencePDF file for reference

Style.css

Section 1 defines 're-setters' and global attributes

Section 2 defines header

Section 3 defines content

Section 4 defines comments

Section 5 defines sidebars

Section 6 defines footer

Section 7 – last rule wins, misc. plug-ins, etc.

Introducing Font Wizard

Includes 50 royalty free, OFL fonts

Highly SEO visible, real, selectable fonts

Accessibilities screen reader compatible

Tested for English Alphanumeric (upper, lower)

No third-party 'font-server' to go down

No monthly fees

No cross-domain scripting

Introducing Font Wizard

Compatible with IE6, IE7, IE8, Firefox, Chrome, Opera, Safari, and Safari iPhone

Using the Font Wizard

Select a pre-installed font

Upload and convert True-Type 'Basic' font

Wizard creates cross-platform, cross-browser fonts

Using the Font Wizard

Pitfalls with non-tested fonts (outside pre-installed 50)

Check your font license!

Not all fonts convert, mathematically 'OK'

Test, test, test

Introducing ThemeServer

Java Powered PHP, HTTP Server

Includes WordPress 2.9.1

MySQL Engine

100% GPL

ThemeServer + ThemeDreamer

Dynamic theme activation

Preview multiple themes

Work on multiple projects

Test common post scenarios

'Pro' theme developer: separate content

from styling.

Thank you for watching!