Why Register With OSV?

Join 5700+ of your peers

Get enriched. Access 1270+ quality tutorials right away on:

  • Joomla 2.5.X, 3.0.X
  • WordPress 3.5.X
  • Shopping Carts
  • E-Commerce Payment Gateways
  • PDFs for each tutorial - FREE for download
  • New topics and tutorials added weekly

FREE EBooks

FREE Templates

Member Login

Not a member yet? Sign Up!

Opensourcevarsity Logo
Tutorials & Training from experienced world class trainers
WordPress Logo

Tutorials for WordPress

Your free pass to the world of web opportunities, is waiting.

Creating A Custom Wordpress Theme

NOTE: Click on the icon immediately above to download all the resources used in this lesson

Introduction

Creating a custom WordPress theme basically starts off by creating place holders for your BLOG’s content using HTML codespec. Before starting on the journey of a custom Wordpress theme creation, you need to first have a clear picture in your mind of what would be its structure.

The easiest way to have clarity about a custom theme is to first create a simple paper / pencil sketch of what the BLOG’s content placeholders should look like. Take a look at diagram 1 for an example. In diagram 1 each rectangle represents a BLOG container that will display some BLOG content or the other.

In case you are wondering where the BLOG content is located, a lot of it is in the Wordpress database, some content such as images used on the BLOG and style sheets that style BLOG content would be in different folders and so on which are all part of the Wordpress installation.

Step 1: Theme Sketch

  • Create a simple sketch using a piece of paper and a pencil of what the themes, content holders, should look like. Diagram 1 is an example.

diagram1.png
Diagram 1


We love Your Comments

What keeps you awake at night?
Do let us know.
We will try our best to deliver tutorials that will help you sleep much better.

Smileys

:confused: :cool: :cry: :laugh: :lol: :normal: :blush: :rolleyes: :sad: :shocked: :sick: :sleeping: :smile: :surprised: :tongue: :unsure: :whistle: :wink: 

  5000 Characters left

Antispam Refresh image Case insensitive

 

Download tutorials free

The tutorials at have been written by by passionate teachers who have been using open source tools and technologies for years.

Real time images of their development screens are generously used throughout each tutorial.

Download the tutorials to your desktop as PDFs for ready reference whenever you need

Download Free Templates

Free Templates

Give us your comments

Give us your comments or feedback on any of our tutorials.

Your comments help us deliver the best possible training modules.

Is there a specific tutorial you want written? Just Ask.

Tech Stuff Interest You? - Here Take A Look

Apache (10)    |   PHP (40)    |   MySQL(70)    |   JavaScript (40)    |   Ajax (20)    |   SEM (20)    |   SEO (20)

CONNECT WITH US

Sitemap   |   Privacy Policy   |   MySQL(70)   |   Disclaimer   |   Reach Out To Us
Designed by Ivan Bayross & Meher Bala | Powered by Joomla
© 2013 All Rights Reserved.