• Blog

    Latest from our Blog

  • Tools

    Our Favourite WP Tools

  • Hosting

    Recommended Web Hosts

  • Coupons

    Get great money off deals

  • Themes

    WordPress Theme Directory

  • Plugins

    WordPress Plugins Directory

  • Promote

    Your WordPress Product

If you are familiar with web design and are happy building sites in html and css, taking the next step and making your designs into WordPress themes isn’t that hard but it pays to learn how to do it the correct way from the start.

In this roundup post, I have tracked down 20 high quality tutorials which will help you code your designs into WordPress themes – there were loads of outdated tutorials but the ones here are all up to date and cover the latest WordPress features – Custom Menus, Custom Post Types, Shortcodes, Theme Options Panels and Custom Widgets.

Powering Your Design With WordPress

I’ll presume here that you’re already interested in WordPress if you’re reading this but in case you’re not, why WordPress? What’s the big deal? Well, right now, about 14% of the web is built on top of WordPress. That means, as web designers, it’s important that we get this whole theming thing right.

Powering Your Design With WordPress »

Ultimate Guide to WordPress Menus

WordPress had been using the conceptual term ‘menu’ as a mysterious feature until version 3.0. Presenting the new customization admin options back then revealed a whole new world for developers and users to tune up their themes and easily modify the standard navigation – horizontal or vertical components. If you want to squeeze the juice out of your menus, check out that Ultimate Guide to WordPress Menus.

Ultimate Guide to WordPress Menus »

Developing Your First WordPress Theme

Themes are a huge part of what makes WordPress as popular as it is, and in this three-part series we’ll take you through a step-by-step process that results in a completed, functioning WordPress theme. No prior knowledge required, this is the perfect place to start if you’re completely new to WordPress.

Developing Your First WordPress Theme »

WordPress Shortcodes: The Right Way

One of the primary reasons why WordPress is the most popular CMS platform available is the sheer level of customizability that it brings to the table. Today, we’ll review the process of integrating one of those popular features, shortcodes, in the most user friendly way possible, into our theme.

WordPress Shortcodes: The Right Way »

How to Code a WordPress 3.0 Theme from Scratch

With the release of WordPress 3.0 came the implementation of many new features to the popular content management system. In this tutorial we are going to show you exactly how to code a WordPress 3.0 theme from the ground up to take advantage of all of these new features, as well as create a blogging-ready, minimal theme.

How to Code a WordPress 3.0 Theme from Scratch »

How to Build a Custom WordPress Theme from Scratch

If you’re confident with your CSS and HTML, it’s not hard at all to step up to the challenge of building a custom WordPress theme. This overview shows the process of how my latest custom WordPress theme was built from design concept through to completed theme.

How to Build a Custom WordPress Theme from Scratch »

WordPress Theme Tutorial

In this tutorial I’ll show you how a WordPress theme comes together. I’ll walk you step by step through the html, css and WordPress PHP functions and how they work. I will use the default theme in WordPress to start out, but then will create more complicated themes as the tutorial continues.

WordPress Theme Tutorial »

WordPress Theme Tutorial In 14 Lessons

The tutorial is divided up in 14 lessons, each in its own post. The lessons contains logical sequential steps in the themeing process. We will write a theme from scratch, progressively developing the theme by adding support for different kind of content and features.

WordPress Theme Tutorial In 14 Lessons »

Basics Of WordPress Theme Design

WordPress theme development is actually very hard. In this post we’ll look at the different aspects of WordPress theme development, starting with the fundamentals and then moving swiftly onto the basics, template tags and the more advanced files.

Basics Of WordPress Theme Design »

How to Build a Basic Portfolio WordPress Theme

The theme we’re going to create is going to be made specifically for use as a portfolio website, so many of the usual features of WordPress themes will be omitted in this guide. Our website concept isn’t a blog, so this tutorial is aimed more at using WordPress as a simple CMS.

How to Build a Basic Portfolio WordPress Theme »

Create a Multi-Layout Portfolio with WordPress

WordPress, as a content management system, is often used for creating portfolio websites. With the evolution of user interface design and functionalities, a new trend has emerged: displaying portfolio items in different layouts. This tutorial details the process of creating a dedicated portfolio section in WordPress’ backend, and using jQuery and CSS3 to display the portfolio in a classy manner.

Create a Multi-Layout Portfolio with WordPress »

Rock-Solid WordPress 3.0 Themes using Custom Post Types

In this tutorial, we’ll talk about creating and using custom post types to make a rock-solid theme.

Rock-Solid WordPress 3.0 Themes using Custom Post Types »

How to Build Custom Widgets for Your Themes

Since v2.8 WordPress has come packaged with a Widget API which makes it really easy to create custom widgets for your themes, and this is what we will be using to create our example widget.

How to Build Custom Widgets for Your Themes »

Creating a Simple Child Theme Using Twenty Eleven

Instead of modifying an existing theme (and risk losing the changes at the next update), we can create a child theme, which separates our changes from the parent. In this tutorial, I will show you how to create a simple child theme.

Creating a Simple Child Theme Using Twenty Eleven »

An Alternative to the Shortcode Madness

The first alternative up for debate is to provide a custom styles drop down menu. This method is simple to implement for developers and simple to use for users. This is by no means revolutionary as it has been done before, but it is certainly effective.

An Alternative to the Shortcode Madness »

How to Create Simple & Universal CSS-Based Button Styles

More often than not I am finding that I try to incorporate as much of a theme design as possible using CSS rather than source images. Especially with the introduction of CSS3, designing a theme almost entirely via CSS is actually fairly easy to do, not to mention clean and efficient.

How to Create Simple & Universal CSS-Based Button Styles »

How To Build A WordPress CMS Theme

I’ve had several requests lately for books, blogs and how-tos on how to build a WordPress theme, specifically one that has no blog or is mainly needed for a large multi-sectioned website.

How To Build A WordPress CMS Theme

How to create a child theme for the Base theme for WordPress

In this tutorial, I’ll show you how to customize our Base theme framework for WordPress so you can protect your code changes from any future theme upgrades that we release.

How to create a child theme for the Base theme for WordPress »

How To Create Your Own Clean And Minimal WordPress Themes

In this tutorial you can watch as I walk you through exactly how to easily build your own WordPress Theme.

How To Create Your Own Clean And Minimal WordPress Themes »

How To Create a Simple WordPress Blog Theme

The site we’re building is a WordPress theme called Ticket Stub. It’s based on the idea of movie review, but the clean layout and basic styling keeps it generic enough to be used for any topic.

How To Create a Simple WordPress Blog Theme »

6 Essential Plugins For WordPress Theme Developers

If you create themes for WordPress, free ones to the repository, premium ones to theme marketplaces or exclusive ones for your clients, there are some techniques that you will probably use to preview, debug and profile your work.

6 Essential Plugins For WordPress Theme Developers »


Author:

Oliver Dale is the founder of Kooc Media, a small internet company based in the UK. Kooc Media runs several high-profile websites including WPLift, ThemeFurnace and DesignersTalk.

Leave Yours +

10 Comments

  1. Great tutorial.. Every beginners who wants to develop their first wordpress theme can use this as a best guide………….

  2. amazing, just what ive been looking for

  3. Guest

    Hi Great Info i’m trying to add a vertical menu navigation bar from the top to the left side in wordpress Theme twenty eleven and can’t figure it out.  Can you help?

  4. Hey, just want to say this is a handy list of tuts.

  5. Wow, thanks for this, this is so awesome. I wanted to learn and this seems like a perfect tut and easy to understand! Can’t wait for the rest.

  6. banna31

    its awesome

  7. bitacre

    How about creating a theme from scratch?

  8. bitacre

    How about creating a theme from scratch?

  9. Trueknowledge

    Usually on the net, the lists of whatever are total crap!
    But all of this links are TRUE TOP QUALITY KNOWLEDGE
    Many thanks!

  • Comments are Closed

Search

Our Sponsors