Joshua Wagner Online

  • Home
  • About
  • Church Art Manifesto
  • Contact
by Josh on May 1st, 2009

Building Blocks for a WordPress Theme

wplogoblue-stacked-rgb

As a new theme builder myself, I had to ask around on what I needed to know to build a WordPress theme.  So, I made a short list.  Here are the basic things you need to build yourself a WordPress theme.

CSS

Cascading Style Sheets are awesome.  They make your whole site look great (and uniform), and can even quickly make another site or project blend in.  (for example, ChurchCrunch and its forums)

You need to get familiar with this code because it will style everything on your site.  Setting up columns, the width of your page, what color your text is, the background, it’s all done here.

CSS is probably the easiest way to start with themes.  I used a stock theme and tweaked the .css file until I got something of what I wanted.  Once you get the hang of that, you’ll be ready for more.

HTML

Knowing HTML (or now, XHTML) is also a must.  You need to know what all of those tags do, how to code in an image, and what all that means.

After you learn some HTML, you can customize the look and layout even more.  Adding extra <div> tags to make new sections that you want to style separately makes the blog more unique.  And setting up a comments class to style your comment section.

PHP

Ok, php is where the rubber meets the road.  PHP is what WordPress lives in.  It’s a dynamic language that makes HTML files for your browser to read on the fly.

When you learn PHP and the WordPress functions and template tags, you can pretty much do anything you want to do inside your blog.  Change up the front page layout, add a search bar outside of the sidebar, set up different templates for different categories, and much more.

Other Themes

Ok, my secret to coding is this: look at other people’s code.  I grabbed some free themes and looked at how the author coded.  How he did this to generate that effect.  How she got that look for her text.  A book helps, but when you see it, change it, and learn how to tweak yourself, I think you learn faster.

I haven’t learned everything yet, not by a long shot.  If you have a tip or idea, leave a comment so we all can learn.

Leave a Reply

Click here to cancel reply.

Spam Protection by WP-SpamFree

Join me on FacebookJoin me on Google+Join me on TwitterJoin me on LinkedInJoin me on RSS
Ad

Recent Posts

  • Keyboards in Worship: Out of Your Element
  • A Manifesto of Sorts
  • Count Your Blessings
  • Happy New Year, 2011!
  • Oh Me of Little Faith

Top Posts

  1. Is Twitter the New RSS?
  2. The Nature of Tools: Thoughts on Worship
  3. Imperfections: Why We Have Teams
  4. Video Games Saved My Life
  5. My Blog Has New Home and Theme!
  6. Patience is a Virtue
  7. Notice for WordPress Theme and Plugin Developers
  8. HOW TO: Make Your Mistakes
  9. Open or Closed: Experiencing (Social) Technology
  10. Sometimes You Just Have to Do It

Top Commenters

  • Josh WagnerJosh Wagner (32)
  • stephenbatemanstephenbateman (12)
  • Graham BrennaGraham Brenna (5)
  • Scott WagnerScott Wagner (5)
  • Vy TranVy Tran (4)
  • MikesMikes (3)
  • Andrew (cobaltaudio)Andrew (cobaltaudio) (2)
  • SamSam (2)
  • Scott AniolScott Aniol (2)
  • Andrei BelogortseffAndrei Belogortseff (1)

Archives

  • July 2011
  • March 2011
  • December 2010
  • September 2010
  • August 2010
  • July 2010
  • June 2010
  • May 2010
  • April 2010
  • January 2010
  • December 2009
  • October 2009
  • September 2009
  • August 2009
  • July 2009
  • June 2009
  • May 2009
  • April 2009
  • March 2009
  • February 2009
  • January 2009

WordPress Theme by TentBlogger || ©2012 Joshua Wagner Online