Home » Photoshop » 17 Wordpress Theme Design Tutorials

October 28, 2009

TEXT SIZE minus plus

17 Wordpress Theme Design Tutorials

by Matt Rogers Comments
Advertisement
You Might Be Interested In Our Popular Article
  • Most Essential Free Softwares After Windows Installation

    • Often called the most versatile blogging platform on the net, Wordpress has become the de facto back-end for countless bloggers. As a platform, it’s got everything a blogger needs (except writing skills), and it does come ready for use – right out of the box.

    Despite its simple layout and ready-set-go functionality, most find it too dry to leave anything near its original state once they get their hands on it, and for good reason. Blogs aren’t just the words contained within. The look and feel of the entire site can make or break a blog, and that means themes. There are boxed themes and sample themes, dark themes and light themes. There are themes that don’t even look like Wordpress drives them anymore, but underneath it all lies the very same, very free blogging platform we all love so much.

    These 17 tutorials will show an amazing diversity in the methods a blogger can employ in designing their very own Wordpress blog.

    Create a grunge wordpress theme with Photoshop

    grunge-wordpress-theme

    Tutorial Link: http://www.grafpedia.com/tutorials/create-grunge-wordpress-theme-photoshop



    Premium Wordpress Design

    premium-wordpress-design

    Tutorial Link: http://how.todesignyour.com/blog/photoshop-tutorials/premium-wordpress-design-part-1/



    How to Make a Green & Sleek Web Layout in Photoshop

    green-sleek-layout

    Tutorial Link: http://sixrevisions.com/tutorials/photoshop-tutorials/how-to-make-a-green-sleek-web-layout-in-photoshop/



    How To Create WordPress Themes From Scratch Part 1

    scratch-part

    Tutorial Link: http://themetation.com/2008/07/14/how-to-create-wordpress-themes-from-scratch-part-1/



    Create a Nature Inspired Painted Background in Photoshop

    nature-inspired-painted

    Tutorial Link: http://designreviver.com/tutorials/create-a-nature-inspired-painted-background-in-photoshop/



    Making the ‘Clean Grunge’ Blog Design

    clean-grunge

    Tutorial Link: http://psdfan.com/tutorials/designing/making-the-clean-grunge-blog-design/



    Create A Nature Inspired Layout In Photoshop

    nature-inspired-layout-in-photoshop

    Tutorial Link: http://www.grafpedia.com/tutorials/create-nature-inspired-layout-photoshop



    Photoshop Web Design Professional Layout Tutorial

    1stweb-design-tut

    Tutorial Link: http://www.1stwebdesigner.com/tutorials/photoshop-web-design-layout-tutorial/



    How to Create a Grunge Web Design in Photoshop

    grunge-web-design

    Tutorial Link: http://psd.tutsplus.com/interface-tutorials/how-to-create-a-grunge-web-design-in-photoshop/



    RocknRolla Blog Design

    rocknrolla-blog-design

    Tutorial Link: http://psdthemes.com/tutorial-content-581-rocknrolla-personal-blog-design-tutorial.html



    GreenPress WordPress Theme Design

    greenpress-wordpress-theme-design

    Tutorial Link: http://psdvibe.com/2009/03/02/greenpress-wordpress-theme-design/



    Create a Wordpress Theme – Design Tutorial

    wordpress-theme-design

    Tutorial Link: http://www.pstut.info/tutorials/design-an-elegant-wordpress-theme/



    Create Dark Wordpress Theme

    create-dark-wordpress-theme

    Tutorial Link: http://www.adobetutorialz.com/articles/3070/1/Create-dark-wordpress-theme



    Stop Tweaking! Create Your Own Wordpress Theme

    stop-tweaking-wordpress-theme

    Tutorial Link: http://www.webhostingsearch.com/articles/create-your-own-wordpress-theme-tutorial.php



    Design A Creative Design Studio Layout

    design-a-creative-design-studio-layout

    Tutorial Link: http://www.grafpedia.com/tutorials/design-creative-design-studio-layout



    Premium Wordpress Theme Design Part 1 – The Photoshop Mock Up

    premium-wordpress-theme-design

    Tutorial Link: http://designreviver.com/tutorials/premium-wordpress-theme-design-part-1-the-photoshop-mock-up/



    Chocolate Pro WordPress Style Layout

    chocolate-pro-wordpress-style-layout

    Tutorial Link: http://psdvibe.com/2009/02/08/chocolate-pro-wordpress-style-layout/



    Few More Resources For Reference

    http://www.grafpedia.com/category/tutorials/web-layouts

    http://sixrevisions.com/category/tutorials/
    cover-action-pro
    at 2:12 pm
    Print

    About the Author

    Matt Rogers is a writer and web geek from Seattle. He can be found at EndofWeb.co.uk and on Twitter.
    • Really nice rounded up.. Gotta love WP!
    • Excellent Roundup .. Really good tutorials.. in one place :) Thanks Matt
    • Good Collection sharing :)

      Thanks..
    • Nice collection of tutorials Matt... some inspired digging reaping rewards for a noob to Wordpress like me. Cheers!
    • Really nice-looking wordpress themes and great tutorials too! I'm loving the grunge web design. I appreciate your hard work in putting this together.

      Nice job! Keep the awesome tuts coming!
    • Great post Matt.. Looking forward to more from you.. Joe Cool Picture too!
    • spicywebdesign
      Check out this WordPress Theme Design Tutorial series based upon the Thematic Theme framework.

      http://www.spicywebdesign.com/so-you-want-to-cr...
    • Very cool list guy.. Thanks tutzone! I love you posts.. :)
    • Awesome. Thanks for sharing :)
    • gabrielscofield
      Wow...some great theme layouts. I've used Wordpress for a while now and still see themes I'm new to. Thanks for sharing!
    • Great post matt.. thank you for the tutorials. Bookmarking this blog thats for sure.
    • Thanks all for your precious replies. We will try and get more Guest posts from Matt for you in coming future.
    • Definitely going to bookmark these!
    • johnsonkoh
      Excellent roundup buddy. Always enjoy tutorials on web interfaces, especially those from Grafpedia :)
    • Adobe Conigliaro
      Why the hell would I use Photoshop to create a WordPress theme?
    • great tutorial

      thanks
    blog comments powered by Disqus