Book Image

WordPress 2.8 Themes Cookbook

By : Nick Ohrn, Lee Jordan
Book Image

WordPress 2.8 Themes Cookbook

By: Nick Ohrn, Lee Jordan

Overview of this book

Themes are among the most powerful features that can be used to customize a web site and give it a professional look, 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 and lot of issues pop up during the process.This easy-to-use step-by-step guide will help you create powerful themes for your WordPress web site, and solve your theme development problems in a quick and effective way. It enables you to take full control over your site's design and branding and make it look smarter.WordPress is distributed with two ready-to-use themes. You can use these themes to give a common look to your website, or use the techniques described in this book to create custom themes. This book includes over 100 useful recipes to help you get started and create advanced themes. It starts with the basics of WordPress themes and creating a theme from scratch. Then, it covers how to enhance your template and add effects to get a rich look. You will learn how to manage pages, categories, and tags for your blogs, and how to make your posts look unique. You will also learn about the comment system and sidebars that will help you give a new feel to your blog and web site.This book will help you through the most common problems encountered when developing a WordPress theme. You will get tips to enhance your design skill and eventually enhance your blog's design.
Table of Contents (17 chapters)
WordPress 2.8 Themes Cookbook
Credits
About the Authors
About the Reviewers
Preface

Styling the appearance of sidebars in your theme by using CSS


WordPress themes use the style.css file to control both the layout (positioning) of objects as well as how they look (appearance). We will create a different appearance for each sidebar of the theme, by using the color and background declarations of each sidebar selector.

Getting ready

We'll be using a variation of the Classic Wordpress theme in this example. You can use any theme you like, but the names of the selectors (such as #sidebar instead of #menu) may vary depending on the theme.

How to do it…

Open up your style.css file and find the #menu{} style. Change the background color to #ff9966, a peachy pink color. Next, change the border-top declaration to none, and the border-left declaration to 5px dotted #ff3333;. The #ff3333 hexidecimal code is a dark orange. Add the declaration color:#333; to the #menu style. Your style should now look like the example shown below:

#menu {
position: absolute;
background: #FF9966;
border...