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
Join our newsletter!
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
Great! :) Might signup for tuts+
I really need that?
Any plus members here? :)
Me.
I am as well… I would suggest it for anyone
Just became one ^^
Then feel free to send me this files to my mail! :) :P lol :D
laranz.joe@gmail.com
Cheap
Yup.
IM PLUS SORRY GUYS I WILL TELL YOU HOW GOOD IT WAS
Maybe this tut make my skills for develop a WP template get better!
Unfortunately I’m not a tuts+ member…
then it think we should join because WordPress is gerring better and better with lots of news enhancements :)
Yeas, it’s true, but the problem is money!
Everybody! I’m accepting donation! hehe!
this is something worth while.
sounds good. Hope it’s in video format.
i think i heard that *all* tuts+ PLUS articles have an accompanying screencast
Most net+ tutorials also have a screencast, however this series does not.
You guys keep amazing me..
Since I have found NETtuts, VECTORtuts, PSDtuts and InTheWoods I am learning
CSS, XHTML, JQuery, PHP and WordPress!!
Keep them coming, i’m addicted
me too! :)
Think this will be my reason to join. Will these be always on Tuts+ ? they wont be removed after a period of time?
yeah this is worth +plus membership.
ok, this one put me over the edge. I’m signing up tonight.
This promotion has roped me in to a tuts+ membership. Well done!
Good materials. Where do you grab them?))
They make em. ;)
This is nice! =D
Yeah, i might join as well. Jeffery, it would be great to have a listing of all the plus tutorials in one place, so we can see what we can look forward to if we sign up.
Thanks.
Actually there is a place: http://tutsplus.com/
Shows the listing of tutorials for the + membership
Sorry, this information isn’t correct, my apologies
Purchased Tuts+, Great tutorial so far!
I miss the really awesome free tutorials. ever since nettuts changed to part of tutsplus, barely any good free tutorials have come out. I know its wrong of me to expect to get such in-depth knowledge for free, but I always really appreciated it and can’t really afford to pay the tutsplus fee. I know its not a lot, but its an additional expense I can’t really spare right now.
You can’t afford $9 a month?
Just save up your pennys and youll have enough in no time :)
Haven’t joined Tuts+ yet but this one sure tempts me to do it.
I’m glad I signed up for Tuts+!
Hope you guys like the series, a lot of effort was put into it! :)
And hopefully this wins even more of you over to the tuts+ programme, as once the end of the series is posted, as well as having access to all the fantastic tutorials already on the tuts+ network, you get a quality WordPress theme along with it!
All that for $9 :D
Dan,
I just signed up as a plus member, and I’m really looking forward to your tutorial. I’m a bit confused though. I’m sure I’m missing something, but where are the tutorials themselves? I have the source files, but can’t for the life of me see where the tutorials are.
What on earth am I missing?
thanks,
Jiert
found it. Nevermind, thanks. :)
I have been thinking about joining for a while, and this has me signed up!
You guys rock. ;)
Seems it would be a great tutorial, nice design there.
I just gotta say; Awesome wordpress logo you got there for the tutorial image!
This is nice, and really tempting to get the membership now!
Fine! I’ll sign up already. Jesus, you don’t have to be so demanding.
i really appreciate your effort !
i will signup for tutsplus soon !
Lately good tutorials are on tutsplus only. Now for free users u post stuff like “10 Rare HTML Tags You Really Should Know”, “The Easiest Way to Use Any Font You Wish”, “Internet Explorer 8 Essentials”, “How to Add Variables to Your CSS Files”… nettuts policy changing?
Yes learning should be free for anyone!
I think the reason why the tut isn’t free is the overall “WordPress Hype”.
Hyper,Hyper…thank god the net is full of useful infomation and this tut is not an exceptional offer.
Amazing, this made me sign-up. Looking forward to the rest of the series.
this is nice.
Wow, this makes it very tempting for me to sign up for tutsplus!
How would a plus member rate this tutorial ?
looks like this will be pretty good!
Great deal .. i was trying to register for + membership but i could not, is ther another way than the paypal one? paypal asks me to register and put funds in my account. but he did not accept my master card.
please respond.. i need this
Sweet, this will hold me till the WordPress tuts pick up again. That plus membership is worth its weight.
Exciting stuff. I registered as a result and followed the tutorial, however, there seems to be an issue because the homepage loop (day 2) is not drawing in the latest projects as it’s supposed to.
It might be an error on my part, but I’ve copied and pasted the code form the tut twice. Can anybody else confirm this?
I ran through the tutorial & code myself a few times before submitting, and didn’t come across any problems.
Are you sure your portfolio items are in a ‘Portfolio’ category, and that category is selected in the admin panel?
Nup, can’t get it working. I’m fairly new to WP, so that might be it. Sorry!
Both posts have the portfolio category ticked, but I’m not sure what you mean by “….and that category is selected in the admin panel..” ?
I uploaded the image and it’s created 3 thumbs in the upload directory 150×150, 300×129 and 930×400.
I’ve tried both relative links and absolute, but no joy.
Any ideas?
In part 1 you create your theme’s Admin panel (the Innovation menu item in your Dashboard.) Make sure on that page you have filled in the correct options.
Sorry, misunderstood. Yes, it’s all setup as per your tut.
Hm… I’ll look into it. Anyone else having this problem?
What version of WP are you running? And what sort of server are you running on? If it’s a localhost, what software packages are you running (eg. XAMPP, MAMP, WAMP etc.)
See http://bit.ly/yAeG2 for why this is happening. Sorry.
Signed up to Tuts+ Awesome!
Has anyone actually got this tutorial to work. I’m on part two and the styles are not coming through.
Any one able to help me out?
My WordPress eBook may help some of you.
Hey Guys,
I hate to say this, but this doesn’t look like it worth paying for.
The source files are now included in the download for anyone facing any problems.
Great tutorial here guys. You can also do a plus tutorial on building a premium template on using WordPress as a CMS. Like the ones found on iThemes for eg. Thank you.
Hi. Can this tutorial be used to create my own unique design and layout? Or is it more to you recreate the exact design shown above.
I’ve never used WordPress but I’d like to learn. Will this teach me how to use and build themes for myself and clients?
The series focuses on creating this template, but you can take everything you learn and apply it to your own design. I did my best to split up pieces of code, and explain what each does.
This makes me An Official Tuts+++++++ Member
Dan, I also have a problem with loading in the Portfolio images on the front page. They just wont appear! Just the alt tag as a link.. I’m trying to find the solution, I’ll check your source-code :)
Hmm.. The images work when I upload them to my server using the WP upload, but they wont if I dont.
Guess it works fine now.. Can’t wait for the next parts.. I’m done with these! :D
Of course! Sorry, that’s why! The TimThumb script we use to resize images will only work on images at the same domain as the script is on (to stop copyright issues, supposedly.)
Guess I forgot to mention that in the tutorial – sorry!
I’ll get to adding in a piece of code which makes the theme not use TimThumb if your image is elsewhere.
Okay cool, thanks for that!
I must say, can’t wait for part 4 – 6. When will they be posted?
Hey Thomas, I am having the same problem with this tutorial and would like more information on how you got it to work. Forgive me if the process is incredibly simple, but I’m new to the whole web development thing, and it’s slow learning.
Thanks!!
I have some problems with that to,
could you please post that piece of code you were talking about? Im kinda stuck in the 2nd part.
What directory do we put the images for the portfolio-so they will show up on the home page? In the tutorial it has us place the TimThumb script in the inc folder. I don’t understand where we are supposed to put the images so they will work with the script-I surely don’t put them in the inc folder?
It’s not pulling the images no matter where I put them either.
Also my links for the custom fields are not appearing as links.
Thank you
Hey I am thinking of becoming a premium member =)
Because i saw this word press beginner to master post…
The problem is that I know how to make a design and stuff in photoshop but I can’t code in css or any other form
Will these tutorials help me code and slice my theme I made?
Please mail me for an answer if that’s not a problem =)
Greets Creadionizor
Wow! Amazing theme… Where can I download it ?
Could not find it on DanHarper.me
I have an issue on the first page of the tutorial, wondering whether it’s rights-related:
I can’t load the deepblue.css unless I have it at the root of the styles folder, and not in the deepblue folder.
help?
thx .-)
Not a rights issue – I ran an extra chmod, and everything is set to the correct 755 attribs.
The only thing I can think of is that your webhost has disabled the PHP functions to read directories.
Beware. Actually you need to have the ‘deepblue.css’ directly in the /styles/ folder and not in the /deepblue/ one wich is actually only here for the images.
I’ve made this mistake at the beginning. Hope it helps.
Great tutorial.
My question is the icons on the bottom section for twitter, & flickr. Is there an easy way to get these titles to show the logo as shown in the tutorial screenshots? The tutorial only shows how to get them to plain text and not the colorful logo.
Thanks
Where the hell is the tutorial. I have already signed up as a member and I am logged in and it’s no where to be found!
i finally Join the PLUS membership due to this series .
thanks Dan.
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 :(
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
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?