1 / 21

An Introduction to

An Introduction to. for. WordPress Bay Area Foothills Group. Organized by Lou Anne McKeefery. An Extension for Adobe's Dreamweaver Compatible with Dw8, CS3 and CS4 Works on Macintosh and Windows. What is it?. Makes Editing WP Themes Easier! Provides Real-Time CSS Design View

vincent-hernandez
Download Presentation

An Introduction to

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

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

  2. An Extension for Adobe's Dreamweaver Compatible with Dw8, CS3 and CS4 Works on Macintosh and Windows What is it?

  3. 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 What does it do?

  4. 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 How do I use it?

  5. Open an existing theme file... Without / ThemeDreamer Disabled ThemeDreamer Enabled

  6. Files are combined in real-time

  7. Reveals include files Provides context sensitive documentation Use the Property Inspector

  8. Navigate Code with Split View

  9. Use Content Simulation Panel

  10. 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 Using Basic Foundation Themes

  11. Choose a layout Basic 202 Basic 201 Basic 101 Basic 303 Basic 302 Basic 301

  12. Navigate the stylesheet Print this high resolution PDF file for reference

  13. 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. Style.css

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

  15. Compatible with IE6, IE7, IE8, Firefox, Chrome, Opera, Safari, and Safari iPhone Introducing Font Wizard

  16. Select a pre-installed font Upload and convert True-Type 'Basic' font Wizard creates cross-platform, cross-browser fonts Using the Font Wizard

  17. Using the Font Wizard

  18. Check your font license! Not all fonts convert, mathematically 'OK' Test, test, test Pitfalls with non-tested fonts (outside pre-installed 50)

  19. Java Powered PHP, HTTP Server Includes WordPress 2.9.1 MySQL Engine 100% GPL Introducing ThemeServer

  20. Dynamic theme activation Preview multiple themes Work on multiple projects Test common post scenarios 'Pro' theme developer: separate content from styling. ThemeServer + ThemeDreamer

  21. Thank you for watching!

More Related