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.
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.
A slightly more advanced version of the help sheet.
A helpful post that provides code snippets for a variety of common functions.
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.
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
Want some ideas on how you can use WP in your next project?
Theme Switcher Reloaded
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
A series written by Chris Coyier of CSS-Tricks that includes videos and articles.
Helps you with coding each of the necessary WP files.
If you want to get started with your first theme from scratch, this is a good resource.
Another useful article for setting up the basics of a theme from scratch.
The second part gets into slicing and coding.
A detailed look at what makes up a WP theme and how to create your own.
An excellent series of tutorials on just about every aspect of theme development.
If you already have a site or template built, here is how to convert it to WP.
2.2. Multiple Hints, Tips, and Tricks
A must-bookmark post at Web Designer Wall that quickly shows the code needed for a variety of tricks when working with WP themes.
Another exhaustive resource with tips on many different aspects of designing on WP.
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
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.
3.4. Navigation Menus in WordPress
Get an advanced navigation menu with the right WP coding and CSS.
Use this popular navigation style in your WP themes.
2.4. WordPress as a CMS
This tutorial covers one non-traditional use of WP that may be of interest in some of your projects.
In some projects, you may want a static page to be set as the home page, rather than to display recent blog posts.
Some specifics for creating an effective portfolio website powered by WP.
2.5. Working with Comments:
Learn how websites in the TUTS family have their community links section set up.
Learn how to validate comment form submissions without reloading the page.
Setting the author comments to stand out from reader comments can make it easier for others to identify your responses to questions and comments.
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
You can make your comment section more appealing by displaying gravatars for each commenter.
2.6. Working with Headers, Footers, and Sidebars:
If you’re designing themes for clients, here are some things to consider.
Provides the code for a randomly rotating header image.
You can give your theme’s users more options by allowing for widgets in the footer.
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.
Improve your sidebar by giving visitors more to choose from, without taking up more space.
Create a more attractive sidebar that will be noticed by visitors.
2.7. Web 2.0 Integration
A look at the process of setting up a personal website that incorporates your social media accounts, such as Twitter, Digg, StumbleUpon and Flickr.
Video is becoming a bigger part of blogs and websites, and this tutorial will help you create an attractive section for YouTube videos.
If you want to get creative, individual posts can be styled differently by using the post ID assigned by WP.
Create a more flexible theme that changes the layout based on various factors.
2.9. WordPress SEO
Although SEO involves much more than how a website is built, development can have a big influence on rankings down the road.
A simple step that can improve your website’s SEO.
A good primer on developing search-friendly websites.
Another article that looks at SEO from the perspective of a WP designer or user.
2.10. Working with Feeds
Send special subscriber-only content that won’t appear on your front page or archives.
A simple tutorial that will show you how to add RSS headlines to your website.
2.11. Working with Featured Posts
Displaying featured content on the front page is pretty common right now. This tutorial shows you how to set that up for yourself.
Give your theme an attractive look and feature the appropriate content.
2.12. Working with Custom Fields
If you’re not familiar with using custom fields, this is a good place to start.
A great way to improve the look of your theme by taking advantage of custom fields.
2.13. Other Tutorials
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.
A different functionality that may be right for one of your upcoming themes.
You can improve the usability of your blog by customizing the 404 page that visitors may find from time to time.
You’ve probably seen blogs that have a specific page for each author. Here’s a tutorial on setting that up.
Most hosting companies offer an easy WP installation. If yours doesn’t, this post can help.
Thumbnails are popular, especially for magazine themes. Here’s an explanation of how they can be added.
Provides some code and strategy for setting up effective archives.
3. Articles from the Official WordPress Codex
The official WordPress Codex provides a 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.
This article will cover the basics of designing themes for WP, and it links to a number of additional resources on the subject.
Get the details on the loop, one of the most essential elements of the theme system.
There are a lot of different options when working with archives in theme development. This article is a good starting point.
Sidebars provide developers with plenty of options for experimentation and tweaking.
To create versatile WP themes, understanding conditional tags is essential.
The basics of how templates work in WP.
Explains how templates work together in a theme.
WP relies on a variety of template tags throughout a theme.
Custom fields open up a whole new world of opportunities for developers.
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.
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
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
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.
This design gallery has a tag for WP-powered sites.
A large (and continually updated) category for WP.
A mini-gallery from design blog Six Revisions.
Another mini-gallery from Six Revisions.
An interesting blog post that shows sample theme designs compared to the themes that were their starting point.
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
A collection of RSS-feed icons from Smashing Magazine.
A nice collection that will give you some options when it comes to RSS.
A previous collection from Smashing Magazine.
12 icons of glasses and social media from Smashing Magazine.
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.
There are around 300 themes included at the moment.
This blog announces new themes and plug-ins to its 11,000+ subscribers.
8. Galleries of Free Themes that Accept Submissions from Designers:
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.
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:
- 83 Beautiful WordPress Themes You (Probably) Haven’t Seen
- 100 Excellent Free WordPress Themes
- 30 Free High Quality WordPress Themes
- 45 Excellent Blog Designs (includes many that are powered by WP)
- When to Use Magazine-Style Themes for Blogs
(Via Smashing Magazine.)