WordPress 2.8 Theme Design


There is a newer version of this book available - WordPress Theme Development - Beginner's Guide
WordPress 2.8 Theme Design
eBook: $23.99
Formats: PDF, PacktLib, ePub and Mobi formats
$20.39
save 15%!
Print + free eBook + free PacktLib access to the book: $63.98    Print cover: $39.99
$39.99
save 37%!
Free Shipping!
UK, US, Europe and selected countries in Asia.
Also available on:
Overview
Table of Contents
Author
Reviews
Support
Sample Chapters
  • Take control of the look and feel of your WordPress site by creating fully functional unique themes that cover the latest WordPress features
  • Add interactivity to your themes using Flash and AJAX techniques
  • Expert guidance with practical step-by-step instructions for custom theme design
  • Includes design tips, tricks, and troubleshooting ideas

Book Details

Language : English
Paperback : 292 pages [ 235mm x 191mm ]
Release Date : November 2009
ISBN : 1849510083
ISBN 13 : 9781849510080
Author(s) : Tessa Blakeley Silver
Topics and Technologies : All Books, CMS and eCommerce, Content Management (CMS), Open Source, WordPress


Table of Contents

Preface
Chapter 1: Getting Started as a WordPress Theme Designer
Chapter 2: Theme Design and Approach
Chapter 3: Coding It Up
Chapter 4: Debugging and Validation
Chapter 5: Putting Your Theme into Action
Chapter 6: WordPress Template Tag, Function, and CSS Reference
Chapter 7: AJAX / Dynamic Content and Interactive Forms
Chapter 8: Dynamic Menus and Interactive Elements
Chapter 9: Design Tips for Working with WordPress
Index
  • Chapter 1: Getting Started as a WordPress Theme Designer
    • WordPress perks
    • Does a WordPress site have to be a blog?
    • Pick a theme or design your own?
      • Drawbacks to using an already built theme
      • Using theme frameworks
    • This book's approach
    • Core technology you should understand
      • WordPress
      • CSS
      • XHTML
      • PHP
      • Other helpful technologies
    • Tools of the trade
      • HTML editor
      • Graphic editor
      • Firefox
      • Developing for Firefox first
    • Summary
  • Chapter 2: Theme Design and Approach
    • Things to consider
      • Types of blogs
      • Plugins and widgets
    • Getting ready to design
      • A common problem
    • The solution: Rapid design comping
      • The radical, new process—is not so new or radical?
      • Overview of rapid design comping
    • Getting started
      • Sketching It
        • Considering usability
      • Starting with the structure
        • Creating your design
        • The DOCTYPE
        • The main body
        • Attaching the basic stylesheet
        • Basic semantic XHTML structure
    • Adding text—typography
      • Starting with the text
      • Choosing your fonts
        • Cascading fonts
        • Font stacks
        • sIFR
      • Font sizing
        • Why pixels?
        • Keeping it in proportion
        • Paragraphs
        • Default links
    • The layout
      • Column Layout: Floating div tags versus CSS tables
      • Posts
        • Making sure WordPress sticky posts get styled
      • Forms
        • Threaded and paginated comments
      • Navigation
        • Styling the main navigation
        • WordPress-specific styles for navigation
      • Color schemes
        • Two-minute color schemes
        • Color schemes with GIMP or Photoshop
        • Adding color to your CSS
        • Styling the special TOC headers
      • Creating the graphical elements
    • Relax and have fun designing
    • Slicing and exporting images
      • Don't forget your favicon!
        • Making your favicon high-res
    • Summary
  • Chapter 3: Coding It Up
    • Got WordPress?
    • Understanding the WordPress theme
    • Creating your WordPress workflow
    • Building our WordPress theme
      • Starting with a blank slate: Tabula rasa
      • Create a new theme directory
      • Including WordPress content
        • Understanding template tags
        • Getting a handle on hooks
        • Learning the Loop
        • Creating a basic loop
      • Modifying the timestamp and author template tags
      • Modifying the basic comments display
      • Including threaded comments
        • Styling threaded comments
    • Breaking it up: Header, footer, and sidebar template files
      • Creating the footer.php template file
      • Creating the sidebar.php template file
      • The header
    • More template files: Home, internal, and static pages
      • The home page
      • Internal pages
      • Static pages
      • Quick review
      • Fun with other page layouts
      • Don't forget about your 404 page
    • Even more template files
    • Adding in the favicon
      • Activating the favicon
  • Summary
  • Chapter 4: Debugging and Validation
    • Testing other browsers and platforms
    • Introduction to debugging
    • Troubleshooting basics
      • Why validate?
      • PHP template tags
      • CSS quick fixes
      • Advanced troubleshooting
        • Quirks mode
    • Fixing CSS across browsers
      • Box model issues
      • Everything is relative
    • To hack or not to hack
    • Out of the box model thinking
    • The road to validation
    • Advanced validation
      • Firefox's JavaScript/Error Console
      • The Web Developer Toolbar
      • Firebug
      • Checking your work in Internet Explorer
        • Run multiple versions of IE
        • IE Developer Toolbar
        • Don't forget about the QorSMode bookmarklet
      • Optimizing for text and mobile browsers
        • The new mobile Safari browser
    • Summary
  • Chapter 5: Putting Your Theme into Action
    • A picture's worth
    • Theme packaging basics
    • Describing your theme
    • Licensing
    • Creating a ReadMe.txt file
    • Zipping it up
    • No way to zip?
    • Performing one last test
    • Getting some feedback and tracking it
    • Summary
  • Chapter 6: WordPress Template Tag, Function, and CSS Reference
    • Class styles generated by WordPress
      • The search bar ID
      • Classes output by the media manager
      • Classes output by the sidebar widgets
      • Classes output by the wp_list_pages template tag
      • Classes output by the wp_list_categories template tag
      • post_class class styles
      • body_class class styles
        • Why add custom class styles to template tags?
    • Using the template selector feature
      • Creating a custom page template
    • Template hierarchy
    • Template tags
      • Author template tag updates in 2.8
      • Template tags for tags
      • Adding tag display to your theme
      • General template tags—the least you need to know
    • Conditional tags
    • Including tags into your themes
      • Creating custom header, footer, sidebar includes
      • Completely custom—streamlining your theme
      • Creating a custom include in your theme
    • The Loop functions
    • Plugin hooks
    • WordPress core functions
      • WordPress shortcodes
        • Creating a basic shortcode
    • Summary
  • Chapter 7: AJAX / Dynamic Content and Interactive Forms
    • Preparing for dynamic content and interactive forms
      • Assessing if AJAX is appropriate for your site
      • Do it yourself or use plugins
      • Plugin pros and cons
    • The AJAX factor
      • jQuery now comes bundled with WordPress
        • Including jQuery in WordPress
        • Avoiding problems registering jQuery
        • Linking to jQuery from Google Code's CDN
        • Using WordPress' bundled includes versus including your own or using a CDN
        • jQuery plugins
      • Problem with setting up a Lightbox effect in WordPress
        • jQuery lightBox
        • Adding jQuery lightBox to your template
        • Implementing lightBox
        • jQuery's ThickBox and ColorBox plugins
    • Plugins and widgets
      • Plugins
      • Widgets
      • Getting your theme ready for plugins and widgets
      • Preparing your theme for plugins
      • Installing a plugin
        • Installing the AJAX comment preview plugin
      • Preparing your theme for widgets
        • Making your theme compatible with widgets
        • Google Reader widget
    • AJAX––It's not just for your site's users
      • New work space features
      • pageMash
        • Installing the pageMash plugin
    • Summary
  • Chapter 8: Dynamic Menus and Interactive Elements
    • Dynamic menus
      • Drop-down menus
      • DIY SuckerFish menus in WordPress
        • Applying CSS to WordPress
        • Applying the DOM script to WordPress
        • Allowing only selected pages to display
        • Hiding pages the easy way with pageMash
    • Adding Flash to your theme
      • Flash in your theme
      • Handling users without Flash, older versions of Flash, and IE6 users
        • Is the ActiveX restriction still around?
        • Adding a SWF to the template using swfObject
        • jQuery Flash plugin
        • Passing Flash a WordPress variable
        • Adding sIFR text with the jQuery Flash plugin
      • Flash in a WordPress post or page
        • Adding You Tube video to a WordPress post
    • Summary
  • Chapter 9: Design Tips for Working with WordPress
    • The cool factor essentials
      • Backgrounds
      • Lists
        • See it in action
      • Rounded corners
        • The classic—all four corners
        • The two-image cheat
        • CSS3—the new way to round corners
      • Creative posting
      • Breaking boundaries
      • Keeping tabs on current design trends
      • Creative fonts
        • Graphic text
        • Using PHP to make graphic headers easy
        • Custom fonts with CSS3
    • Good design isn't always visual—looking at SEO
      • Search engine friendly URLs
      • Keywords and descriptions
        • DYI meta tags
        • Meta tag plugins
    • Summary

Tessa Blakeley Silver

Tessa Blakeley Silver's background is in print design and traditional illustration. She evolved over the years into web and multi-media development, where she focuses on usability and interface design. Prior to starting her consulting and development company hyper3media (pronounced hyper-cube media) http://hyper3media.com, Tessa was the VP of Interactive Technologies at eHigherEducation, an online learning and technology company developing compelling multimedia simulations, interactions, and games that met online educational requirements like 508, AICC, and SCORM. She has also worked as a consultant and freelancer for J. Walter Thompson and The Diamond Trading Company (formerly known as DeBeers) and was a Design Specialist and Senior Associate for PricewaterhouseCoopers' East Region Marketing department. Tessa authors several design and web technology blogs. Joomla! Template Design is her first book.

Code Downloads

Download the code and support files for this book.


Submit Errata

Please let us know if you have found any errors not listed on this list by completing our errata submission form. Our editors will check them and add them to this list. Thank you.


Errata

- 12 submitted: last submission 02 Jan 2014

Errata type: Typo | Page number: 8

The culmination of all those styling and display decisions, along with special WordPress template tags that pull your site's content into "you" design, are what your WordPress theme consists of should be The culmination of all those styling and display decisions, along with special WordPress template tags that pull your site's content into your design, are what your WordPress theme consists of.

 

Errata type: Code | Page number: 34

/*////////// TYPEOGRAPHY //////////*/ should be /*////////// TYPOGRAPHY //////////*/

 

Errata type: Typo | Page number: 37

(sometimes referred to as "columns" links) should be (sometimes referred to as column links)

 

Errata type: Typo | Page number: 67

Last, I can assign "it's" placement should be Last, I can assign its placement

 

Errata type: Typo | Page number: 71

A little known fact about the .ico format is that it can "contains" multiple versions of should be A little known fact about the .ico format is that it can contain multiple versions of

 

Errata type: Typo | Page number: 182

Whether you're developing for the public or for a specific client, or just yourself, you'll still want to create a theme that's robust and can "play well with others". the "others" being plugins should be Whether you're developing for the public or for a specific client, or just yourself, you'll still want to create a theme that's robust and can "play well with others"; the "others" being plugins

 

Errata type: Typo | Page number: 205

"message," this is a great little plugin should be message; this is a great little plugin

 

Errata type: Typo | Page number: 251

........taking in all other nice details that "Kashual" took the time to put into it such as the detailed paisley corners, should be ........taking in all other nice details that Kaushal took the time to put into it such as the detailed paisley corners,

 

Errata type: Typo | Page number: 20

By the end of this chapter, you'll have a working "XHTML-"and CSS-based should be By the end of this chapter, you'll have a working XHTML and CSS-based

 

Errata type: Typo | Page number: 159

If you use the standard function to register a sidebar and "widigtize" your theme should be If you use the standard function to register a sidebar and "widgitize" your theme

 

Errata type: Typo | Page number: 162

attachment-(mime-type of file); for example, .attachement-zip attachmentid-(id number); for example, attachementid-23 should be attachment-(mime-type of file); for example, .attachment-zip attachmentid-(id number); for example, attachmentid-23

 

Errata type: Typo | Page number: 12

This book is geared "toward" visual designers should be This book is geared towards visual designers

 

Sample chapters

You can view our sample chapters and prefaces of this title on PacktLib or download sample chapters in PDF format.

Frequently bought together

WordPress 2.8 Theme Design +    Mastering Magento =
50% Off
the second eBook
Price for both: €29.90

Buy both these recommended eBooks together and get 50% off the cheapest eBook.

What you will learn from this book

  • Set up a basic workflow and development environment for WordPress theme design
  • Create detailed designs and code them up
  • Enhance your sites by choosing the right color schemes and graphics
  • Debug and validate your theme using the W3C's XHTML and CSS validation tools
  • Customize and tweak your theme's layout
  • Set up dynamic drop-down menus, AJAX/dynamic and interactive forms
  • Download and install useful plugins and widgetize your theme
  • Improve post and page content using jQuery
  • Enhance the interactivity of your themes using Flash
  • Includes a reference guide to WordPress 2.8 template hierarchy, markup, styles and template tags, as well as include and loop functions

In Detail

Themes are among the most powerful features that can be used to customize a web site, especially in WordPress. Using custom themes you can brand your site for a particular corporate image, ensure standards compliance, and create easily navigable layouts. But most WordPress users still continue to use default themes as developing and deploying themes that are flexible and easily maintainable is not always straightforward.

It's easy to create powerful and professional themes for your WordPress web site when you've got this book to hand. It provides clear, step-by-step instructions to create a robust and flexible WordPress theme, along with best practices for theme development. It will take you through the ins and outs of creating sophisticated professional themes for the WordPress personal publishing platform. It reviews the best practices from development tools and setting up your WordPress sandbox, through design tips and suggestions, to setting up your theme's template structure, coding markup, testing and debugging, to taking it live. The last three chapters are dedicated to additional tips, tricks, and various cookbook recipes for adding popular site enhancements to your WordPress theme designs using third-party plugins.

Whether you're working with a pre-existing theme or creating a new one from the ground up, WordPress Theme Design will give you the know-how to understand how themes work within the WordPress blog system, enabling you to take full control over your site's design and branding.

Expert guidance on designing a robust theme for one of the most popular, open-source blog systems available for the Web today!

Approach

Theme design can be approached from two angles. The first is simplicity; sometimes it suits the client and/or the site to go as bare-bones as possible. In that case, it's quick and easy to take a very basic, pre-made theme and modify it. The second is "Unique and Beautiful". Occasionally, the site's theme needs to be created from scratch so that everything displayed caters to the specific kind of content the site offers.
This book is going to take you through the Unique and Beautiful route with the idea that once you know how to create a theme from scratch, you'll be more apt at understanding what to look for in other WordPress themes.

Who this book is for

This book can be used by WordPress users or visual designers (with no server-side scripting or programming experience) who are used to working with the common industry-standard tools like PhotoShop and Dreamweaver or other popular graphic, HTML, and text editors.

Regardless of your web development skill-set or level, you'll find clear, step-by-step instructions, but familiarity with a broad range of web development skills and WordPress know-how will allow you to gain maximum benefit from this book.

Code Download and Errata
Packt Anytime, Anywhere
Register Books
Print Upgrades
eBook Downloads
Video Support
Contact Us
Awards Voting Nominations Previous Winners
Judges Open Source CMS Hall Of Fame CMS Most Promising Open Source Project Open Source E-Commerce Applications Open Source JavaScript Library Open Source Graphics Software
Resources
Open Source CMS Hall Of Fame CMS Most Promising Open Source Project Open Source E-Commerce Applications Open Source JavaScript Library Open Source Graphics Software