Introducing the Blueprint Wordpress Theme
September 5th, 2007 | Published in Blueprint, Art and Design | 31 Comments
Download Now! (v0.5)
Blueprint-WP is a new Wordpress theme based upon the Blueprint CSS framework. It is built on a grid-based design, cross-browser compatible, easy to change through CSS and has a clean look. And it’s free.
Features
- Built on the new Blueprint CSS framework, thus:
- Easy to change column widths
- Easy to add columns that are cross-browser compatible
- Cross-browser typography and grids
- Small size (~8k)
- Wordpress Specific
- Easy to install and modify
- Compatible with Wordpress widget function
- Wordpress 2.2 compatible
- Design
- Easily modify layout through custom css
- Compatible with all major browsers
- Clean and simple look
- Quick page loading
Installation
- Download the latest version.
- Put the archive in your wp-content/themes directory and extract it.
- Go into your Wordpress Admin section, click the “Presentation” tab, and choose the “Blueprint-WP” theme.
- That’s it!
A subversion checkout is coming soon.
Customization
To customize the layout, copy the blueprint/css/custom.sample.css to custom.css and put your CSS overrides there. Then open up blueprint/header.php and uncomment the custom CSS line.
More
Recommended Plugins
Blueprint Theme should work with all WP plugins, but here are a few that I especially recommend:
- Add Meta Tags — Makes you website and posts more search-engine friendly.
- Secure and Accessible PHP Contact Form — A quick and easy contact form.
- Search Excerpt — Gives only an excerpt during search, like Google. Blueprint is setup to automatically work with this plugin.
License
This has been released under the Creative Commons Attribution 3.0 License. That means you can share it and modify it as long as you keep the link to this site at the bottom of the theme. If you do not want a link at the bottom, please contact me for opportunities.
September 5th, 2007 at 10:41 am (#)
Nice work! (I was wondering how soon someone would jump on this one.) =)
September 5th, 2007 at 1:41 pm (#)
nice one, I was thinking of making a WP theme based on Blueprint myself but you saved me the trouble! There is also one based on the YUI if you have a look on Google… looking forward to checking this out, thanks :)
September 5th, 2007 at 3:45 pm (#)
Simple and gets the job done. I like your theme m8. :)
September 5th, 2007 at 5:15 pm (#)
Well, look who’s going to be a celebrity!
September 10th, 2007 at 11:25 pm (#)
Looks good. Two Suggestions:
1) I’m not sure we need the “.svn” directory thats included in this download. (Side note - It’s hidden by default for Mac users since it begins w/ a period.
2) In file header.php, link tags for the 3 BP css files are missing trailing /> in order to validate.
thanks!
September 11th, 2007 at 9:10 am (#)
Kel,
I thought I deleted the .svn directories. I must have missed one.
Thanks also for the validation note. I don’t care much for validation (heresy, I know), but that’s probably a good change. I’ll make a note for the next version.
Thanks!
September 12th, 2007 at 7:31 pm (#)
hey josh.
i love it as you already know. modified the looks, and now i am happy as can be.
but in header.php i changed this (and recommend it) for the people who are used to click logos instead (or additional) to the nav home link:
changed: div class=column span-12 first id=header onclick=location.href=’/';
September 15th, 2007 at 9:28 am (#)
Excellent work! Very clean and beautiful design. I love it. I’ve been looking to implement a WP theme for my website. I came across your work while I was reading the Blueprint CSS Google Group and was pleasantly surprised to find your theme. I’ll be customizing it as soon as I find some time…
Thanks again for all of your hard work!
September 15th, 2007 at 9:42 am (#)
Jon,
Glad you like it! Be sure to let me know when you customize it so I can see the results.
September 15th, 2007 at 2:34 pm (#)
Hello,
I have a little problem with the image alignment. The images always automatically line up on the left. How can I change that setting?
Many thanks,
September 17th, 2007 at 2:23 am (#)
Waiting for 0.6 release and switchback to em’s and was wondering if you will update your release accordingly — or do i just have to change the lib files?
Have a few more blogs to create the next weeks, simple stuff - no styling, but i try to do the thing that’s less work for me :)
September 17th, 2007 at 9:06 am (#)
Manuel: I might up date it — or I may wait until 1.0. Things are so unstable that I hate to change everything and then change it again. We’ll see.
TM: In posts it should not do that. In other places, you would have to override it in the custom.css, for instance: #sidebar img { float: none; }
September 30th, 2007 at 7:53 am (#)
I have also problem with image placement in post. I can give it align=”right” or align=”left” but it does not resolve problem. Take a look at http://www.adaur.ee/index.php/tonu-toompark/
Image should be in right side of tekst.
October 10th, 2007 at 3:26 am (#)
Thank you.
I was looking for a theme that would work with Internet Explorer 6 too.
It looks very nice and clean.
October 13th, 2007 at 10:38 pm (#)
Thank you! I’m just beginning to play with Wordpress and this is a very nice clean theme. :)
October 25th, 2007 at 2:43 am (#)
How can I make the sidebar appear on the left instead of the right of the screen?
January 27th, 2008 at 3:48 pm (#)
how can i display comments on pages? they don’t display after I enable the option for a page. you seem to be doing it on this page…
thanks!
March 13th, 2008 at 12:48 am (#)
I am having problems with forms. When a form box is clicked on the onclick is activated and it takes you to the home page. It has happen in two places, one on the Google groups form and another on a protected post password form. Any suggestions?
March 14th, 2008 at 8:40 am (#)
With the compress.rb and its support for generating semantic classes, it should be really easy to remove all the span-* and such classes from the template content. Could you perhaps do that for the next release?
March 17th, 2008 at 3:40 pm (#)
Quick update.
I managed to figure out these settings for the semantic class names:
plugins:
- fancy-type
- buttons
semantic_classes:
"#header": ".span-12 .first"
"#maincontent": ".span-9 .first"
"#sidebar": ".span-3 .last"
"#nav": ".span-12 .first .large"
I’ve not yet figured out how to harmonize the resulting screen.css file with the blueprint-wp.css though. The layout is funky. It may need custom settings for the grid?
April 23rd, 2008 at 11:22 pm (#)
Hi,
I just wanted to let you know that I’ve added Blueprint-WP to my list of the best Wordpress theme available on the net, at www.bestwpthemes.com
Great work!
June 21st, 2008 at 6:50 pm (#)
How do you change the color?
August 8th, 2008 at 5:17 am (#)
I’m just wondering if Creative Commons Attribution 3.0 License is GPL compatible?
August 14th, 2008 at 1:12 pm (#)
hi there,
i can’t upload to wordpress because it doesn’t have tags in the style.css file??
Nadaa
August 15th, 2008 at 1:21 am (#)
Simple and neat! Well done!
September 11th, 2008 at 2:09 pm (#)
I noticed that when I first load by blog using this theme, the right sidebar is floating in the middle of the web page and then it moves itself to the right after the main content pages are rendered. This produces an awkward animation affect. I couldn’t seem to figure out how to adjust it so the right sidebar is always floating on the right when loaded.
Thanks!
-Mr
September 15th, 2008 at 1:53 pm (#)
Joshua, this is a really great, clean, pretty theme that’s extremely useful for learning both wp themes and blueprint. A really nice jumping off point for me, personally.
seriously great work, much appreciated!
October 15th, 2008 at 7:56 am (#)
haaa, jeje that bark, but very very good theme
October 16th, 2008 at 8:37 am (#)
Hey, I like to leger when I do a search, display the full post?
October 26th, 2008 at 8:44 pm (#)
Great theme. Very professional looking. Exactly the right balance between clean design and functionality.
I’m using it on my blog, with some minor changes to the colors.
November 6th, 2008 at 1:09 pm (#)
I’m using a slightly customized version of your theme over at http://www.binaryleysium.com/blog
Thanks for the awesomeness :)
Any chance you will release an update for Wordpress 2.7?