Web designers and developers are getting an increasing number of requests from clients for custom theme development, and a growing number of designers are also building their own themes to distribute for free or to sell as premium themes. With all of the WordPress development that is going on, there is a need for an organized collection of resources to educate, inspire and equip developers to improve the quality and efficiency of their work. This post provides
all kinds of WordPress-related resources to do just that. 1. Helpful Resources
While there are
all kinds of resources available for Web designers and developers, these are especially nice to have on hand when working with WP themes.
The WordPress Help Sheet 1
This is a nice resource to refer back to when you are developing themes. It’s a one-page collection of PHP snippets and code that will come in handy when designing with WP.
The Advanced WordPress Help Sheet 2
A slightly more advanced version of the help sheet.
Huge Compilation of WordPress Code 3
A helpful post that provides code snippets for a variety of common functions.
WordPress Template Tag Reference Guide 4
This is a handy guide to have nearby when you’re building a theme. It lists the various template tags used by the WP system.
Unraveling the Secrets of WordPress’ comments.php File 5
A good starting point for getting more familiar with how comments work in WP and what you can do with them as a designer.
48 Unique Ways to Use WordPress 6
Want some ideas on how you can use WP in your next project?
Theme Switcher Reloaded 7
For displaying demos of multiple themes on your website or blog.
2. WordPress Tutorials
One of the advantages of using WP is the amount of information that is readily available from others who are willing to
share their techniques. For designers and developers, there are tutorials on just about any aspect of working with WP. Here are some that deserve to be highlighted. 2.1. Basics of Creating a Theme
Designing for WordPress 8
A series written by Chris Coyier of CSS-Tricks that includes videos and articles.
Developing a WordPress Theme 9
Helps you with coding each of the necessary WP files.
How to Create a WordPress Theme from Scratch 10
If you want to get started with your first theme from scratch, this is a good resource.
How to Create WordPress Themes from Scratch – Part 1 11
Another useful article for setting up the basics of a theme from scratch.
How to Create WordPress Themes from Scratch – Part 2 12
The second part gets into slicing and coding.
Dissection of a WordPress Theme – Part 1 , 13 Part 2 , 14 Part 3 , 15 Part 4 16
A detailed look at what makes up a WP theme and how to create your own.
So You Want to Create WordPress Themes Huh? 17
An excellent series of tutorials on just about every aspect of theme development.
From XHTML/CSS to WordPress 18
If you already have a site or template built, here is how to convert it to WP.
2.2. Multiple Hints, Tips, and Tricks
WordPress Theme Hacks 19
A must-bookmark post at Web Designer Wall that quickly shows the code needed for a variety of tricks when working with WP themes.
Mastering Your WordPress Theme Hacks and Techniques 20
Another exhaustive resource with tips on many different aspects of designing on WP.
The Most Desired WordPress Hacks: 11 Common Requests and Fixes 21
This post includes a variety of information, including tips on custom fields, creating menus, working with categories and authors and more.
2.3. Working with Categories
Removing Several Categories from the Loop in WordPress 22
There will be times when you want to take posts in a certain category out of the loop and show them someplace else. This tutorial shows you how.
Displaying WordPress Categories in a Horizontal Dropdown Menu 23
Creating Two-Tiered Conditional Navigation in WordPress 24
Get an advanced navigation menu with the right WP coding and CSS.
Using Sliding Doors with WordPress Navigation 25
Use this popular navigation style in your WP themes.
2.4. WordPress as a CMS
How to Use WordPress as a Membership Directory
This tutorial covers one non-traditional use of WP that may be of interest in some of your projects.
Using a WordPress Page as Your Homepage
In some projects, you may want a static page to be set as the home page, rather than to display recent blog posts.
Build a Dynamic Design Portfolio with WordPress 26
Some specifics for creating an effective portfolio website powered by WP.
Hack Together a User Contributed Feed with WordPress Comments 27
Learn how websites in the TUTS family have their community links section set up.
Adding Form Validation to WordPress Comments Using jQuery 28
Learn how to validate comment form submissions without reloading the page.
How to Highlight Author Comments in WordPress 29
Setting the author comments to stand out from reader comments can make it easier for others to identify your responses to questions and comments.
How to Separate WordPress Comments and Trackbacks 30
You may want to give your comment area a cleaner look by keeping pingbacks and trackbacks out of the main comment area.
How to Add Gravatars to WordPress Themes 31
You can make your comment section more appealing by displaying gravatars for each commenter.
Client Friendly WordPress Themes: Header.php
If you’re designing themes for clients, here are some things to consider.
Simple Random Header Image for Your Blog 32
Provides the code for a randomly rotating header image.
Creating a Widget-Ready Footer in WordPress 33
You can give your theme’s users more options by allowing for widgets in the footer.
Mashing Up Feeds Using Yahoo Pipes 34
Covers the steps of adding a list of links to your sidebar that consist of posts from various blogs; in this case, blogs from the same network.
How to Install DomTABs on WordPress 35
Improve your sidebar by giving visitors more to choose from, without taking up more space.
WordPress Sidebar Turned Apple-Flashy Using jQuery UI 36
Create a more attractive sidebar that will be noticed by visitors.
2.7. Web 2.0 Integration
Creating a Life-Stream and Social Media Hub 37
A look at the process of setting up a personal website that incorporates your social media accounts, such as Twitter, Digg, StumbleUpon and Flickr.
Create a YouTube Section with WordPress 38
Video is becoming a bigger part of blogs and websites, and this tutorial will help you create an attractive section for YouTube videos.
Styling Individual Posts Using the_ID 39
If you want to get creative, individual posts can be styled differently by using the post ID assigned by WP.
Multiple WordPress Page Layouts in One Single Template 40
Create a more flexible theme that changes the layout based on various factors.
2.9. WordPress SEO
WordPress SEO 41
Although SEO involves much more than how a website is built, development can have a big influence on rankings down the road.
Blocking Your WordPress Categories and Archives from Google 42
A simple step that can improve your website’s SEO.
WordPress and SEO 43
A good primer on developing search-friendly websites.
SEO for WordPress Tips 44
Another article that looks at SEO from the perspective of a WP designer or user.
2.10. Working with Feeds
Creating Posts that Only Appear in RSS 45
Send special subscriber-only content that won’t appear on your front page or archives.
Publishing External RSS Headlines to Your WordPress Site 46
A simple tutorial that will show you how to add RSS headlines to your website.
2.11. Working with Featured Posts
How to Create a Featured Post Carousel for WordPress 47
Displaying featured content on the front page is pretty common right now. This tutorial shows you how to set that up for yourself.
Create a Tabbed Featured Post Area in WordPress 48
Give your theme an attractive look and feature the appropriate content.
2.12. Working with Custom Fields
Using WordPress Custom Fields: Introduction 49
If you’re not familiar with using custom fields, this is a good place to start.
WordPress Custom Fields: Laying Text Over Your Lead Graphic 50
A great way to improve the look of your theme by taking advantage of custom fields.
2.13. Other Tutorials
13 Tags to Delete from Your Theme 51
Page load time can easily be an issue with more involved WP themes. You can help the cause by getting rid of unnecessary calls to the database.
How to Make a Random Post Button
A different functionality that may be right for one of your upcoming themes.
Customize Your 404 Page 52
You can improve the usability of your blog by customizing the 404 page that visitors may find from time to time.
Adding an Author Page to Your WordPress Blog 53
You’ve probably seen blogs that have a specific page for each author. Here’s a tutorial on setting that up.
How to Install WordPress Manually 54
Most hosting companies offer an easy WP installation. If yours doesn’t, this post can help.
Adding Thumbnails to Your Posts in WordPress 55
Thumbnails are popular, especially for magazine themes. Here’s an explanation of how they can be added.
How to Easily Make WordPress Archives that Rock 56
Provides some code and strategy for setting up effective archives.
3. Articles from the Official WordPress Codex
WordPress Codex provides a 57 wealth of information for developers, as well as for WP users in general. This list is just a sample of some of the articles that are most relevant to developers.
Theme Development 58
This article will cover the basics of designing themes for WP, and it links to a number of additional resources on the subject.
The Loop 59
Get the details on the loop, one of the most essential elements of the theme system.
Creating an Archive Index 60
There are a lot of different options when working with archives in theme development. This article is a good starting point.
Customizing Your Sidebar 61
Sidebars provide developers with plenty of options for experimentation and tweaking.
Conditional Tags 62
To create versatile WP themes, understanding conditional tags is essential.
Stepping into Templates 63
The basics of how templates work in WP.
Template Hierarchy 64
Explains how templates work together in a theme.
Template Tags 65
WP relies on a variety of template tags throughout a theme.
Using Custom Fields 66
Custom fields open up a whole new world of opportunities for developers.
Search Engine Optimization for WordPress 67
This article contains some general SEO information, as well as some that is specific to WP themes. 4. Blank Themes
It’s possible to save yourself a considerable amount of time in development by starting with a blank theme. Blank themes are not intended to be used as they are, but rather as a starting point or framework to
increase efficiency with the tasks that are common to the development of almost every WP theme.
A free WP theme framework.
A completely naked WP theme from Elliot Jay Stocks. (Note: some users are having problems with Starkers on WP 2.6. Improvements are hopefully soon to come.)
A starter theme with only very basic styling.
The Starter Theme Project 71
This is basically an empty template. It is not a theme that is intended to work out of the box.
5. WordPress Design Inspiration
Readers of Smashing Magazine are obviously familiar with excellent sources of design inspiration. The resources listed here will help you if you are specifically interested in seeing what others have been able to do on the
WordPress (WP) platform.
We Love WP 72
The best gallery dedicated strictly to websites powered by WP. It is updated rather frequently and has a decent-sized archive.
The Gallery at WPCandy 73
A bit of a smaller gallery than We Love WP, but still worth checking out if you’re interested in seeing what others are able to do with WP.
Unmatched Style 74
This design gallery has a tag for WP-powered sites.
CSS Glance 75
A large (and continually updated) category for WP.
45 Beautiful and Creative WordPress Designs 76
A mini-gallery from design blog Six Revisions.
25 Outstanding WordPress Designs 77
Another mini-gallery from Six Revisions.
Creative Examples of WordPress Theme Modifications 78
An interesting blog post that shows sample theme designs compared to the themes that were their starting point.
60+ Unusual WP Blog Designs 79
Noupe put together a bunch of designs that stand out.
6. Icons for Your Themes:
Improve the look of your theme by using some icons that are available for free.
RSS: Best Design Practices and Icons 80
A collection of RSS-feed icons from Smashing Magazine.
110+ Free RSS Icons to Show Off Your RSS Feed 81
A nice collection that will give you some options when it comes to RSS.
Fresh, Free and Gorgeous RSS/Feed Icons 82
A previous collection from Smashing Magazine.
Cheers: A Free “Social” Icon Set 83
12 icons of glasses and social media from Smashing Magazine.
Feed Icons 84
If you’re looking for the standard RSS icon, get it here.
7. Places to Distribute Free Themes You Have Developed
Many theme developers choose to distribute their themes from their own websites or blogs because it draws more visitors and gives them control over the distribution. However, there are some other places where you can try to
get your theme listed. Some will simply link back to your website, and others will offer visitors direct downloads from their own websites. In general, make sure that you’re familiar and comfortable with the directory or gallery before submitting your theme. Some have been known to distribute themes with sponsored or hidden links.
Official WordPress Theme Directory 85
There are around 300 themes included at the moment.
Weblog Tools Collection 86
This blog announces new themes and plug-ins to its 11,000+ subscribers.
8. Galleries of Free Themes that Accept Submissions from Designers:
Link 9. Marketplaces to Sell Your Themes
Most developers of premium themes will sell them from their own websites or blogs or, if they have several for sale, set up websites specifically for
marketing and selling them. However, there are also some marketplaces that will sell your theme for you, in exchange for a cut of the profit.
Theme Forest 90
A new and already popular marketplace for templates and themes, including those for WP.
A similar marketplace for themes and templates.
A marketplace for premium themes and plug-ins.
For more WP-related content at Smashing Magazine, see:
↑ Back to top
Tweet it Share on Facebook