WordPress PSD Framework

Written by area381 @ July 10th, 2007

We design WordPress themes very often and each of them has quite a few standard elements. Because of that, we decided to make a PSD framework for Photoshop that would include these common elements.

wordpress_psd_framework.gif

We use it as a starting point every time we start to work on a mockup for a new WordPress theme. Since it’s quite a time saver for us, we thought that somebody else would probably find it useful too. You can download it for free using the URL below:

WordPress PSD Framework

We hope that it would save you some time. You can use it for making design mockups for other blog engines too.

Have fun! :)

41 Responses to “WordPress PSD Framework”

[...] has released their starter PSD for creating WordPress themes.  Basically it’s a PSD where…well, check [...]

[...] click pentru a merge la pagina unde se afla fisierul [...]

Fhung

August 25th, 2007 at 9:02 am

Thanks! I’d like to give this a try!
I’ve just started blogging with WP and I love your themes! In fact, I modified your Sakura Theme for my own use. You can see it here if you like: http://ztampf.com/blog/ (Of course, I give proper credit to you there on the footer :)).

The thing is, I can’t figure out how to keep the 2nd sidebar to appear on the side and not pushed to the bottom the way it is now. I’m not a programmer, I just know a bit HTML and CSS. Any help will be appreciated :). Big Thanks!

Bookmarks about Webdesign

August 28th, 2008 at 12:31 pm

[...] – bookmarked by 6 members originally found by Gentza77 on 2008-08-11 area381 » Blog Archive » WordPress PSD Framework [del.icio.us] http://www.area381.com/2007/07/10/wordpress-psd-framework/ – bookmarked by 5 members originally [...]

tsquez

October 15th, 2008 at 12:34 am

Hey what an awesome idea. Gonna have to give this a try. Thanks for this. Greatly appreciate it.

[...] WordPress PSD framework [...]

Wordpress Theme Development Checklist | SulVision

December 28th, 2008 at 6:28 pm

[...] WordPress PSD framework [...]

twincascos

February 4th, 2009 at 3:02 pm

Thanx very much for posting this, it will be a great help with future projects.

Wordpress Theme Frameworks | Designer-Geek

February 5th, 2009 at 10:53 pm

[...] WordPress PSD Framework @ area381 – http://www.area381.com/2007/07/10/wordpress-psd-framework/ [...]

Theme Playground

February 17th, 2009 at 5:18 pm

[...] has released their starter PSD for creating WordPress themes.  Basically it’s a PSD where…well, check [...]

SEO Rider

February 26th, 2009 at 9:43 pm

Where’s I can find css for this Framework.

[...] bei area281 gibt es ein cooles PSD Framework, mit der man von nun an viel schneller WordPress Themes designen kann. Tags: Adobe, Themes, [...]

My Today’s Diigo 03/11/2009 « Rif.wp memo

March 12th, 2009 at 12:42 am

[...] area381 – We make your websites look trendy and stylish. » Blog Archive » WordPress PSD Framework [...]

My Today’s Diigo 03/11/2009 « Rif.webmemo

March 12th, 2009 at 12:46 am

[...] area381 – We make your websites look trendy and stylish. » Blog Archive » WordPress PSD Framework [...]

Faryl

April 12th, 2009 at 9:17 am

Awesome! Thank you! (wish I’d found this a week ago – would have saved me a huge chunk of time!!) :-)

Ozan

May 29th, 2009 at 11:42 am

Real great idea, was about to make something like that myelf, but you know how it is, you always push it around.

So, thanks again!

links for 2009-06-05 | navi ² ¢

June 5th, 2009 at 12:01 pm

[...] area381 – We make your websites look trendy and stylish. » Blog Archive » WordPress PSD Framework (tags: wordpress photoshop framework psd themes webdesign theme) [...]

blog » Blog Archive

July 11th, 2009 at 11:32 am

[...] offers WordPress PDS Framework as free download which may use it as a starting point to whom work on a mockup for a new WordPress [...]

[...] area381 – We make your websites look trendy and stylish. » Blog Archive » WordPress PSD Fram… [...]

[...] WordPress PSD Framework: [...]

[...] WordPress PSD Framework: [...]

[...] themes. Be sure to check out the tutorial section next for resources for building your own themes.WordPress PSD Framework – A free PSD template that includes all the common elements in a WP design for you to build [...]

[...] WordPress PSD Framework – A free PSD template that includes all the common elements in a WP design for you to build on. WordPress theme generator – An online theme generator for WP without any needs of xHTML/CSS, PHP or JS. Easier theme development with sample WordPress content – A downloadable pack of sample WP content that includes posts, tags, categories, and pages to make theme development easier. Thematic – A free, open-source, highly extensible WordPress Theme Framework. It’s perfect for beginner bloggers and WordPress development professionals. 45 free premium WP themes [...]

Thad

September 20th, 2009 at 5:45 pm

This is very cool, except I use Fireworks for my interface designs :/

[...] WordPress PSD Framework – A free PSD template that includes all the common elements in a WP design for you to build on. [...]

[...] WordPress PSD Framework – A free PSD template that includes all the common elements in a WP design for you to build on. [...]

[...] WordPress PSD Framework – A free PSD template that includes all the common elements in a WordPress design – Build your own WordPress Theme [...]

[...] WordPress PSD Framework http://www.area381.com/2007/07/10/wordpress-psd-framework/ Tweet This!Share this on TechnoratiSubmit this to NetvibesAdd this to Mister WongMark this on [...]

[...] WordPress PSD Framework – A free PSD template that includes all the common elements in a WP design for you to build on. [...]

Themes para Wordpress - Tecnologia.in

October 25th, 2009 at 10:34 pm

[...] WordPress PSD Framework – Plantilla gratuita en PSD que incluye los elementos comunes en un diseño de WordPress. [...]

Themes para WP

October 26th, 2009 at 1:33 am

[...] [...]

[...] WordPress PSD Framework – A free PSD template that includes all the common elements in a WP design for you to build on. [...]

[...] WordPress PSD Framework – um framework é um arquivo ou série de arquivos que podem ser usados para começar um trabalho. O pessoal do area381 fez um PSD onde estão todos os elementos comuns de um blog wordpress em forma de wireframe, e assim fica muito mais fácil fazer o mockup. Para gerar o tema, é só usar o Divine. [...]

[...] WordPress PSD Framework – A free PSD template that includes all the common elements in a WP design for you to build on. [...]

300???????WordPress????? | ????

November 16th, 2009 at 9:48 am

[...] themes. Be sure to check out the tutorial section next for resources for building your own themes. WordPress PSD Framework – A free PSD template that includes all the common elements in a WP design for you to build [...]

[...] WordPress PSD Framework How to Create a WordPress Theme from Scratch Developing a WordPress Theme Complete WordPress Theme Guide Designing for WordPress WordPress Help Sheet 18 Ways to Speed up Your WordPress Theme Development 49 Most Downloaded WordPress Themes 5 Beautiful New WordPress Themes 41 Great Looking Free WordPress Themes 40 Stylish, Minimal and Clean Free WordPress Themes 35 Best WordPress Themes For Free [...]

[...] WordPress PSD Framework – A free PSD template that includes all the common elements in a WP design for you to build on. [...]

Webcorestudio

December 13th, 2009 at 8:32 am

THANKS for sharing great psd framework i was just writing framework post for my blog and find ur this post great.

[...] I haven’t tried this out yet, and its a few years old but might be pretty useful for WordPress theme development – http://www.area381.com/2007/07/10/wordpress-psd-framework/ [...]

[...] PS. Na prijedlog ?itatelja – elemente za wordpress možemo skinuti ovdje: http://www.area381.com/2007/07/10/wordpress-psd-framework/ [...]