WordPress: Beginner to Master

New Premium Tutorial: WordPress, Beginner to Master

on Mar 25th 2009 with 106 comments

Throughout this six-part beginner-to-master series, we’ll be using the advanced features of WordPress to create our own portfolio & blog, complete with an options page, multiple styles and support for the new WordPress 2.7 features. Join Now!

This fantastic series will be separated into two sections on Net Premium. Today, you’ll gain access to Parts 1-3. In two weeks, 4-6 will be released! Don’t miss out.

Overview

By the end of this series, we will have created Innovation – a premium-quality WordPress template perfect for showcasing a portfolio and hosting a blog; complete with the following features:

  • Options page for handling the advanced nature of the template, without having to edit any files manually.
  • 3 built-in colour schemes – with easy switching between them.
  • Homepage and Portfolio page templates, with a widget-ready footer and sidebar.
  • Compatibility with WordPress 2.5+.
  • Threaded & paged comments support for WordPress 2.7.
  • A custom widget for displaying your latest posts, with a preview image, on your homepage.
Final Product

Join Tuts Premium

For those unfamiliar, the family of TUTS sites runs a premium membership service called “Premium”. For $19 per month, you gain access to exclusive premium tutorials, screencasts, and freebies from nettuts+, psdtuts+, and vectortuts+! For the price of a pizza, you’ll learn from some of the best minds in the business. Join today!

Dan Harper is danharper on Themeforest
 
Enjoyed this Post?

Subscribe to our RSS Feed, Follow us on Twitter or simply recommend us to friends and colleagues!

By

Rollover to read this author's bio or click through to see a full list of posts by this author.

Dan is passionate about an open, semantic web and loves playing around with the latest bleeding-edge technologies in our industry. He works mostly in PHP, but wishes he only had the time/job to pick up Rails fully. He’s studying Web Technologies at the University of Portsmouth and is currently Lead Developer at Radweb.  

Plus Premium
 
 
Note: Want to add some source code? Type <pre><code> before it and </code></pre> after it. Find out more
← Older Comments
  • Vincent

    I’m still stuck on the 2nd page with the images loading to the page-home.php page. I looked at the source and stuff but I didn’t see any change.

    Also, I’ve had problem since page 1, my get_header(); doesn’t work, I’ve been using require(TEMPLATEPATH . “….. whatever :(

  • Vincent

    Never mind, I had the header.php, footer.php and sidebar.php inside the inc folder with thumb.php.

    But, I still have the image problem from page 2 :D

  • Pingback: HTML, CSS, PHP and jQuery Killer Tutorials | Evan Mullins Circlecube ReBlog

  • http://www.quinnart.net/blog nate

    I’m getting multiple errors at the end of part 1-at my admin login page-and afterwards-the dashboard dissapears.

    The errors are all related to the header and go as follows:
    Warning: Cannot modify header information – headers already sent by

    then relates specific lines of code to:
    wp-login.php
    wp-includes/pluggable.php

    None of these php files I have altered.

    How should I proceed?

  • http://www.quinnart.net/blog nate

    Nm-I figured it out-dam php is so much pickier than regular html and css
    I had a couple extra lines at the bottom of my functions.php and that caused my dashboard to disappear!!!

    I’m going to have to be extra careful with it. I like tho.

  • binal

    i am not getting how to put option page as shown in the tutorial

    please reply

  • Danny

    I am trying this with the latest wordpress 2.8,

    Still none of the posts display!
    Only the header information appears on the page.
    If I load another theme, then it works fine and I can see the posts.
    I took your sourcefiles and put that in as a theme on its own and still nothing will display but the information in the header.php file.
    So if your version does not work, then what is wrong?

  • Danny

    My apologies,
    It was a rookie mistake for wordpress, but one that I was unaware of. I had not properly linked the page template to the actual static page. As I did not see this I spent untold ages going over the code checking for the error that was blanking the page. As is the case with all mistakes that take you a long time to solve I do not think I will be forgetting this one in a hurry :)

    On to part three ;)

  • http://www.ccna4u.org ccna4u.org

    Thank for share

  • Cecily

    In part 1 of the tutorial, once you’ve edited functions.php and var.php, the deepblue.css file is supposed to show in the colour scheme pop up menu. However, when I tried this – even replacing my code with the downloadable source code – the colour scheme menu remains empty. I’m using WP 2.8.2. Any ideas why this might be happening?

    • http://www.rule-twentynine.com Starstuff

      Yes, same here with the most current WP release. Anyone know why that happens?

    • http://www.rule-twentynine.com Starstuff

      Woops, figured it out myself. For some reason all the files had ended up in the /styles folder instead of the root directory of /innovation. No idea how that happened, but moving them back to the proper folder solved my problem.

      Cheers.

      • Cecily

        Hm. Mine are in the innovation directory, not styles.

    • Cecily

      Ah, never mind – I figured it out. I manually moved the deepblue.css file into the /styles directory, intsead of the /deepblue directory where it was hiding.

  • http://www.twitter.com/MCEctoCooler MCEctoCooler

    Totally worth signing up for + . With all the knowledge you gain, it pays for itself instantly!

  • http://tech-mania.com Sid

    OMG awesome guys i get to learn so much from this site.. great guys .. keep sharing..

  • Pingback: Envato 3rd Birthday Bash, Day 3 – Grab the Tuts+ Birthday Bundle! - Programming Blog

  • Pingback: Envato 3rd Birthday Bash, Day 3 – Grab the Tuts+ Birthday Bundle! | Ouech.net

  • http://link Pol94

    Back then it was legal for a teacher to strike children, and we all towed the line at certain grade levels. ,

  • Pingback: The Guide to Start Designing WordPress - Wordrom

  • DAVID

    get_pages function not working in beta version… anyone know why? when i select the Blog Page drop down nothing shows up.

    – david

  • http://jobvacancies-sae.blogspot.com/ jobvacancy

    thank you for the information,
    This was helped,
    spirit! ! ! ! !

  • Kyle

    Very nice start to a series, thanks!

  • Timothy

    Hey I am trying to use to retrieve my news settings

    but I don’t think its registering the var.php I created to retrieve the option settings

    because if I have the post in a regular (index.php) page for example it works but when I try to use the get_template_part it doesn’t choose from my specific category I set

    any ideas?

  • http://- Sebastian

    I just bought the tutorial on how to code the Innovation theme (WordPress beginner to master 1-6) and I have some problems. I copied the exact source code of function.php but it causes problem. When deleting everything in function.php everything works fine, when I use it my wp-admin page shows blank white, so I’m sure the problem is at functions.php.

    Thanks for help,

    with regards /Sebastian

  • Greg

    Hey.

    Correct me if I am wrong but I have ran into an error in your code, Part 2.

    Shouldn’t this be timthumb.php???

    <img src="/inc/thumb.php?src=&w=450&h=210&zc=1&q=100″ alt=”" />

  • http://www.muhid.com Muhid

    Excellent stuff, thanks for make it easier.

← Older Comments