Unlimited Wordpress themes, plugins, graphics & courses! Unlimited asset downloads! From $16.50/m
  1. Web Design
  2. Complete Websites

Skeleton to WordPress: Getting up and Running

This post is part of a series called Build a Responsive Layout With Skeleton.
Building a Responsive Layout With Skeleton: Widescreen
Skeleton to WordPress: Finishing Off

During previous parts of this series we've covered a lot. We took a Photoshop layout, built it into an adaptive web page using the Skeleton framework, explored aspects of CSS3, implemented various jQuery plugins and considered our options for wide screen layouts. One thing remains..

Be under no illusions; developing a bullet-proof WordPress theme takes a lot of time and effort. During the following tutorials we're going to get our Magazine theme working, but only in its most basic form. WordPress is a big platform and is capable of almost anything you can throw at it - when you're finished with these screencasts there'll be plenty more for you to do!

Starting Out

Assuming you've installed WordPress somewhere and you've downloaded the source files to kick things off, let's now see about packaging things up as a WordPress theme. There are some requisite files we need, plus a thumnail image, then it's a question of correcting some paths and organizing our project files.

Alternatively, Download the video, or subscribe to Webdesigntuts+ screencasts via iTunes or YouTube!

WordPress' Menu and Widgets

Having gotten our theme up and running, let's now hook up the menu and widget areas of the layout. We'll need to add a new file to our project (functions.php) which is going to handle some of this basic functionality.

Alternatively, Download the video, or subscribe to Webdesigntuts+ screencasts via iTunes or YouTube!

Additional Resources

I made reference to quite a few bits and pieces during these screencasts, so here are the various links to help you out.

I also made use of a few WordPress plugins, which you can find and use in your own installation:

Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.