Pull In the Reins and Solve Problems

A visually stunning theme is no guarantee of sales going through the roof the best selling templates solve problems. You can build a neat motorcycle-flavored template, chock-full of as many chrome textures as you can manage, but if it fails to appeal to a wide range of people and it will why bother For better or worse, when designing for a marketplace, pull in the design reins a bit and appeal to the masses you'll be thankful when the sales start rolling in When managing ThemeForest, I was...

3

With your theme planned out and a set of rough wireframes in hand, it's time to start the design phase. This is my favorite part of the entire process, because it's where you make your vision come to life The goal of the design phase is to end up with a fully realized set of mockups for your theme to use as a basis for the development phase. This chapter will be broken up into two main sections first, we'll review how the traditional principles of good web design specifically relate to...

Desc Show an image in the header Replace the headerpng file

found in the wicked images folder with your own image.','thematic'), id > wicked_show_logo, std > false, type > checkbox array( name > _('Featured Category','thematic'), desc > _('A category of posts to be featured on the front page.', id > wicked_feature_cat, std > default_cat, type > select, options > categories After you've defined all your options, you'll need to hook this function into the WordPress init action. By doing this, we make sure our settings are defined after...

Introducing Word Press

So, you've been messing about with websites for a little while now, and you've decided to take the plunge and learn how to design themes for WordPress. Perhaps you're a blogger yourself, and you want to take the next step by redesigning your site, or perhaps you've heard that there's a strong market for ready-made WordPress themes and you want to get in on the ground floor, so to speak. You're probably itching to start building your first WordPress theme, but before we jump in, it's a good idea...

Wpenqueuestylewickedskin getbloginfostylesheetdirectory skins wickedcolorvariant skincss all

It's quite simple we're just inserting the wicked_color_variant option into the style sheet path string. Our style sheet has to be enqueued before the head of the document is rendered, so we're unable to hook into wp_head as we did before. Fortunately, WordPress has an action hook called wp_print_styles for just this purpose (excerpt) add_action('wp_print_styles', 'wicked_load_custom_styles') With this in place, you should be able to select a color variant and have the appropriate style sheet...

Embracing the Latest Technologies

The best template designers are quick to embrace the latest techniques and tricks, whether they come in the form of a new jQuery slider or the latest additions to the WordPress framework itself. This means that they read numerous RSS feeds daily, and are first in line to beta test the latest versions of WordPress. By doing so, they can be quick out of the gate with a new template boasting the latest features. Web template designers are well aware of the latest trends and boy do they come and go...

Understanding the GPL

For the less legal-minded among you, I'll provide a quick breakdown. According to the Free Software Foundation1 a nonprofit organization that promotes free and open source software the GPL allows for four freedoms the freedom to use the software for any purpose the freedom to change the software to suit your needs the freedom to share the software with your friends and neighbors the freedom to share the changes you make When a program offers users all of these freedoms, we call it free...

Q

Some theme authors on ThemeForest the theme marketplace site I manage make over 25,000 every single month Of course, it takes time to build up your catalog, but once you do, automation and the compound effects of selling multiple themes will yield returns, as sales roll in every day without any additional effort on your part. There's a reason why over 20 million people have installed WordPress it's easy, free, extensible, themeable, profitable, and, most importantly, fun to use. As a web...

By Allan Cole Raena Jackson Armitage Brandon R Jones Jeffrey

Build Your Own Wicked WordPress Themes by Allan Cole, Raena Jackson Armitage, Brandon R. Jones, and Jeffrey Way Copyright 2010 SitePoint Pty. Ltd. Program Director Andrew Tetlaw Technical Editor Louis Simoneau Chief Technical Officer Kevin Yank Indexer Fred Brown Editor Kelly Steele Cover Design Alex Walker All rights reserved. No part of this book may be reproduced, stored in a retrieval system or transmitted in any form or by any means, without the prior written permission of the publisher,...

Registering a Widgetready Area

The first step in adding a new widget-ready area to your theme is to register it with WordPress, so that it will appear in the widget administration interface. To keep our functions.php file nice and tidy, let's create a new file in the library directory of our child theme we'll call it widget-areas.php and include it as follows in functions.php chapter_06 v2 wicked functions.php (excerpt) In this file, we'll put all the code required to register and display our new widget-ready area. To...

All Code Available For Download

MILLIONS OF PEOPLE USE WORDPRESS EVERY DAY CASH IN ON THIS BOOMING MARKET Build Your Own Wicked WordPress Themes is the perfect book to help launch yourself headfirst into WordPress theme development. Get your first theme up and running in no time using one of the world's most popular WordPress frameworks Thematic. Dive into developing your own custom widgets, color variants, page templates, and theme option pages. Whether you want to build a highly specialized theme for one client, or aim to...

2

Before you start planning your custom WordPress theme, it's a good idea to familiarize yourself with the default structure and hierarchy of a WordPress site. By acquainting yourself with all its components, you'll be better positioned to decide how you want to organize them in your theme, in a way that distinguishes it from a vanilla installation. If you've worked with WordPress in the past and are already familiar with its parts, you can most likely skip this section and go straight to the...

W

Websites, for selling themes, 192 widget-ready areas about, 132 adding to themes, 136 Thematic framework, 133 widgets, 131-148 about, 12, 58, 131 API, 140 custom widgets, 140-148 default, 132 frameworks and, 79 markup, 134 widget-ready areas, 133, 136-139 widths, fixed versus fluid, 40 golden ratio, 40 planning, 23, 25 WooThemes, 184 WordPress, 1-7 about, 10 advantages, 3 history, 1 WordPress.com and WordPress.org, 4 WordPress theme library, 17 wp_enqueue_style function, 166 wp_list_pages...

Adding an Admin Panel

Now that our options are defined, there are still two more steps to work through before we'll have a working options page. First, we need to add a page to the WordPress admin menu to contain our settings form. After that, we'll create a function to output the form itself. First, the new menu item. This part of the process is the same for any options page you create, so I will avoid going into too much detail you can simply reuse it with a few slight modifications, assuming you're using the same...

A

Font-family Arial,sans-serif font-size 34px font-weight bold line-height 40px blog-title a color 000 text-decoration none blog-title a hover color FF4B33 blog-description color 666 font-size 13px font-style italic Changing the colors is simple I've chosen a dark blue for the background, and that means the text and link colors also need to change chapter_04 v3 wicked newstyles.css (excerpt) blog-title a color fff text-decoration none blog-title a active, blog-title a hover color f47920...

Putting It All Together

Before we move onto some more sophisticated modifications of our theme, I want to show you just one example of how all those template files and hooks work together to create the markup that you see when you load the site in your browser. single.php is a good template to start with it's the one that controls the display of a single post. Pop it open with your favorite text editor and take a peek calling the header.php get_header action hook for placing content above container...

Your Vision Needs A Home

FOR A LEGENDARY, LUCRATIVE WEB PRESENCE, LET ME FIELD YOUR DREAMS. You have just seconds to impress your viewers. Dont kid yourself- looks do matter. I take caro of all the geeky stuff. HTML code, CSS, JavaScript, Figure 3.2. Daina Reed's purple hues Figure 3.3. The BountyBev site embraces the color blue Figure 3.3. The BountyBev site embraces the color blue If you're designing a theme that will be used by a wide range of publishers, it's important that you consider the role brand will play....

Drats Its Not Here

YOU MIGHT TRY A DIFFERENT ONE. Go home, tiy again or search the site Or, take a look at Backstories or Bold Locals Figure 3.66. A stylized 404 page from The Bold Italic7 An often overlooked but crucial piece of the WordPress theme anatomy that should be addressed in the design phase is a standard HTML test page. This is just a regular WordPress page whose purpose is to test styling for all of the commonly used HTML elements headings, paragraphs, form elements,...

15 Is

View plain copy to dipbcaraf print background url 'star_einpty.png' no-repeat background url 'star_full .png' no-repeat Figure 2.2. Code snippets on the Nettuts site WineLibraryTV http tv.winelibrary.com This website delivers reviews of wine in a style that's both comical and educational. The videos often take 20 to 30 minutes to review a handful of wines however, the host will usually only spend a few minutes on each particular wine. Because of this, users often like to skip directly to the...