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.
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!
Enjoyed this Post?
Subscribe to our RSS Feed, Follow us on Twitter or simply recommend us to friends and colleagues!
By Dan Harper
Getting Good with JavaScript
Learn how to liven up your webpages, from start to finish. Veteran Nettuts+ author Andrew Burgess helps you Get Good with JavaScript.
Join our newsletter!
UberMenu - WordPress Mega Me ... only $16.00 
RoyalSlider – Touch-Enable ... only $12.00 
Kult House - More
Web Basix
Just getting started? Start with our basix tutorials on the fundamentals. View All Basix Tutorials
Create a Tutorial, Get Paid!
Have something to teach the world? Want to earn money doing it? Tutorials, screencasts, and articles published here on Nettuts+ are largely contributed by readers just like you! We'll pay you great money for good content. Find Out More
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.
i am not getting how to put option page as shown in the tutorial
please reply
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?
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 ;)
Thank for share
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?
Yes, same here with the most current WP release. Anyone know why that happens?
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.
Hm. Mine are in the innovation directory, not styles.
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.
Totally worth signing up for + . With all the knowledge you gain, it pays for itself instantly!
OMG awesome guys i get to learn so much from this site.. great guys .. keep sharing..
Back then it was legal for a teacher to strike children, and we all towed the line at certain grade levels. ,
get_pages function not working in beta version… anyone know why? when i select the Blog Page drop down nothing shows up.
– david
thank you for the information,
This was helped,
spirit! ! ! ! !
Very nice start to a series, thanks!
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?
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
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=”" />