Book Image

WordPress 2.8 Theme Design

Book Image

WordPress 2.8 Theme Design

Overview of this book

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.
Table of Contents (15 chapters)
WordPress 2.8 Theme Design
Credits
About the Author
About the Reviewer
Preface
Index

Core technology you should understand


This book is geared toward visual designers (with no server-side scripting or programming experience) who are used to working with the common industry standard tools such as Photoshop and Dreamweaver or other popular graphic, HTML, and text editors.

Regardless of your web development skillset or level, you'll be walked through clear, step-by-step instructions. But there are many web development skills and WordPress know-how that you'll need to be familiar with to gain maximum benefit from this book.

WordPress

Most importantly, you should already be familiar with the most current stable version of WordPress. You should understand how to add content to the WordPress blog system and how its posts, categories, static pages, and subpages work. Understanding the basics of installing and using plugins will also be helpful (though we will cover that to some extent in the later chapters of the book as well).

Even if you'll be working with a more technical WordPress administrator, you should have an overview of what the WordPress site that you're designing entails, and what (if any) additional plugins or widgets will be needed for the project. If your site does require additional plugins and widgets, you'll want to have them handy and/or installed in your WordPress development installation (or sandbox—a place to test and play without messing up a live site). This will ensure that your design will cover all the various types of content that the site intends to provide.

Note

What version of WordPress 2.x does this book use? This book focuses on WordPress 2.7 and 2.8. Everything covered in this book has been tested and checked in WordPress 2.8.5. You may occasionally note screenshots from version 2.7 being used, but rest assured, any key differences between 2.8, 2.7, and even 2.5 are clearly noted when applicable. While this book's case study is developed using version 2.7 and 2.8, any newer version should have the same core capabilities, enabling you to develop themes for it using these techniques. Bug fixes and new features for each new version of WordPress are documented at http://WordPress.org.

If you are new to WordPress, then I recommend you read WordPress Complete by April Hodge Silver.

CSS

I'll be giving detailed explanations of the CSS rules and properties used in this book, and the "how and why" behind those decisions. You should know a bit about what CSS is, and the basics of setting up a cascading stylesheet and including it within an XHTML page. You'll find that the more comfortable you are with CSS markup and how to use it effectively with XHTML, the better will be your WordPress theme-creating experience.

XHTML

You don't need to have every markup tag in the XHTML standard memorized. (If you really want, you can still switch to the Design view in your HTML editor to drop in those markup tags that you keep forgetting—I won't tell). However, the more XHTML basics you understand, the more comfortable you'll be working in the Code view of your HTML editor or with a plain text editor. The more you work directly with the markup, the quicker you'll be able to create well-built themes that are quick loading, semantic, expand easily to accommodate new features, and are search engine friendly.

PHP

You definitely don't have to be a PHP programmer to get through this book, but be aware that WordPress uses liberal doses of PHP to work its magic! A lot of this PHP code will be directly visible in your theme's various template files. PHP code is needed to make your theme work with your WordPress installation, as well as make individual template files work with your theme.

If you at least understand how basic PHP syntax is structured, you'll be much less likely to make mistakes while retyping or copying and pasting code snippets of PHP and WordPress template tags into your theme's template files. You'll be able to more easily recognize the difference between your template files, XHTML, and PHP snippets so that you don't accidentally delete or overwrite anything crucial.

If you get more comfortable with PHP, you'll have the ability to change out variables and call new functions or even create new functions on your own, again infinitely expanding the possibilities of your WordPress site.

Tip

Beef up those web skills!

I'm a big fan of the W3Schools site. If you'd like to build up your XHTML, CSS, and PHP understanding, you can use this site to walk you through everything from basic introductions to robust uses of top web languages and technologies. All the lessons are easy, comprehensive, and free at http://w3schools.com.

Other helpful technologies

If your project will be incorporating any other special technologies such as JavaScript, AJAX, or Flash content, the more you know and understand how those scripting languages and technologies work, the better it is for your theme-making experience (again W3Schools.com is a great place to start).

Note

The more web technologies you have a general understanding of, the more likely you'll be able to intuitively make a more flexible theme that will be able to handle anything you may need to incorporate into your site in the future.

Tip

More of a visual "see it to do it" learner?

Lynda.com has a remarkable course selection from the top CSS, XHTML/XML, JavaScript, PHP, and Flash/ActionScript people in the world. You can subscribe and take the courses online or purchase DVD-ROMs for offline viewing. The courses might seem pricey at first, but if you're a visual learner (as most designers are), it's worth spending money and time on them. You can refer to the official site http://lynda.com.