Jun
08

WordPress Theme – Gridblog

For the past few weeks, I have been experimenting with different grid-based CSS frameworks available on the Internet. YAML and Blueprint are two of the CSS frameworks that I might be using for my future theme development work. These nifty frameworks can be used for rapid development of clean CSS/XHTML layouts. I am not sure if any theme designers are already using these, but I like them a lot because they can save you a lot of time.

Based on the Blueprint framework, I am releasing a minimalistic WordPress theme called the “Gridblog“. This is a fast loading theme (only 36Kb in size) that has very little design elements but compensates with its functionality. It lets you display your front page blog entries uniquely by dividing them into two columns. The theme has different layout for pages, single entries and the archives section. Gridblog is fully CSS & XHTML compliant and has been tested with both Internet Explorer and Firefox.

Gridblog

Test Run | Download

Please leave comments and let me know if you like it!

This post was viewed 59,767 times

115 comments on “WordPress Theme – Gridblog”

  1. WOW just what I was searching for. Came here by searching for Minimalistic

  2. payday says:

    I for all time emailed this webpage post page to all my associates, because if like to read it then my friends will too.

  3. Telecharger says:

    Figured it out. It’s in a separate CSS file

  4. good site nice work very nice sharing

  5. Everything was very nice great wonderful color matching shares

  6. njoy says:

    TFS your site’s design shares a very nice thank you

  7. TRomulin says:

    Hi!
    Excellent theme. But in WordPress (3.2.1) are not working “thread comments”.
    Can this be fixed?

  8. Srikanth says:

    Jai,

    I’m early adopter of some of your themes since 2006 and this one just hit the nail on its head. minimal, loads each post in the same page without a major refresh and is so elegant without too many confusing options.

    you can consider making font size slightly bigger (like in the twenty ten theme).
    Good work Jai. I think you must focus on minimal themes like this which place greater emphasis on content than actual design. Well done.

    1. Srikanth says:

      i need to know where i can configure what goes up and what goes in the footer on this theme? please can you let us know?

  9. lkj]n says:

    very goooooooooooood

  10. James says:

    Hey Jai! ABSOLUTELY SUPER WORK!
    I dig this theme so much I just can’t put it into words. In fact, I want to use it for our church website it that is cool. I have just one small question. They want to have a banner type thing and so I wonder if a post’s image can show up in the main page post spot – having two posts in the area is perfect, each with a 450×275 image. But the theme being minimalistic wont show the images. Any work around this?
    Thanks!
    James

  11. buzzknow says:

    this themes so clean and really nice with adsense :D

    thanks

  12. Frank Lucas says:

    WP v2.9.2
    PHP v5.2.1

    The links don’t display.

  13. mekradendi says:

    How about a dark blue? (but not too dark).

    What colors beside blue go well with yellow? As a designer i’m sure you would know.

  14. alex says:

    wowww that is awesome, you did a greate job.

  15. Lavrai says:

    Hello! Wonderful theme… I don’t see any instructions anywhere included with the download. How do I override the sidebar layout you have in the theme so I can set the widgets to my own liking/choosing? Thanks very much in advance.

  16. Anne says:

    I’ll have to revise my last comment!! The theme is blank in the themes menu but loads normally and is totally functional!! thank you for a great layout.

  17. Anne says:

    Hi – I loved this theme but unfortuately its blank after being up loaded to my wp content themes file ;-(

  18. Cathy says:

    Hi there,
    This theme has an awesome layout – color scheme. Functionality is cool. And the layout is DIFFerent – which is key, imo.

    My only complaint is that it is all laid out with SPAN tags… I looked through the css to see if I could edit it to suit my site, and oh. my. word. I can’t figure it out! Will google like css that is like this – without the heading tags, etc??

    Thanks so much for the free themes!! Awesome!

  19. perde says:

    very good.thankss

  20. sohbet says:

    Very good. Thanks.

  21. bulent says:

    very nice and usable theme
    is it possible to have 3 or mor post columns on the main page?

  22. Tal galili says:

    Hi there.
    IMHO, the fonts are a bit too hard to read.
    other then that – great layout, thanks !

    Tal

  23. Franklin says:

    Great theme! Thanks !

  24. bulent says:

    two post column on the main page is very useful…
    it is good for the visitor to see more posts without scrolling down (by removing the top content)…

  25. Istantina says:

    A simple great theme.. !

  26. zatora says:

    ?? ??!
    I just download this theme.
    great! i like it.

  27. Erik Dasque says:

    Why are you using thecontent_rss in the main index.php ?

    (By the way, what plugin do you use for comments that allow for a reply and a link to the replied to comment ? And a notify ?)

  28. Erik Dasque says:

    @Vaibhav:-

    Can you try again, I can’t see what you posted to fix the title ?

  29. Pingback: Leonaut.com
  30. Nice with the two column posts – great work again Jai

  31. Malay says:

    Nice theme and so damn small. Always wanted to play with YAML on my own. Thanks for your work!

  32. Mike says:

    Thanks great theme, nice and clean loads super fast. Does anyone know how to split the main index section into 3 or 4 columns instead of 2? I assume it’s in index .php here :
    php if($count % 2 == 0) echo ”; else echo ”

  33. serhat says:

    interesting and clear theme

  34. fejker says:

    Figured it out. It’s in a separate CSS file (screen.css).

  35. fejker says:

    I’m having problems with pictures and text. I have a lot of thumbs in my posts and when I make a new paragraph or just line brake it simply doesn’t obey it. The text goes right of the picture when it should go below the picture. I’m not talking about captions (although that is another problem), I’m talking about a normal thumbnail with text continuing below the thumbnail.

    [][][][][][][][][][][][]
    Text text text text text text

    Like the example above, where the brackets are thumbs.

    The problem with captions is that on the first page it leaves out the img src tags but leaves the caption tags and it looks ugly as … when you have a lot of pics with captions in a post or even just one pic.

    It’s a great theme and I’m working on customizing it a bit to my needs … it just needs some polishing.

    Thanks.

  36. Chern says:

    I love your fantastic work!

  37. AlexNote says:

    Hello! I use your theme, all wonderful. But never was able to align text on the left side. Do not tell?

  38. wolfman25 says:

    Great theme! Good work.

  39. Hi Jai, gorgeous layout, love the clean minimalism of the design. Awesome possibilities for customization. excellent work!

  40. kipram says:

    Very-2 great theme, TQ

    1. Hello! Wonderful theme… I don’t see any instructions anywhere included with the download. How do I override the sidebar layout you have in the theme so I can set the widgets to my own liking/choosing? Thanks very much in advance.

  41. kpss cd says:

    good themes. thank you

  42. I am fan of minimal and fast loading themes – this looks nice with its grid arrangement. Is it possible to change the font at a central place? (Say Arial throughtout?) Thanks and Cheers!!

  43. sacilad says:

    nice themes. it’s very simply.

  44. roro44.com says:

    Really your words are fantastic thanx
    http://www.roro44.com

  45. muhibbuddin says:

    Thanks jai for your kindness, and i’m sure you’ll be publish great pluginin the future

  46. Kelly Carter says:

    The screenshot.png file seems to be missing from the ZIP file.

  47. Jayden says:

    Great theme!
    Is it possible to add support for subpages?

  48. navanblog says:

    very beauty and thank you for free.

  49. jason says:

    I like it, it is very nice, cool

  50. Vaibhav says:

    Yup, just noticed, not title either… Here’s how to fix that for all those who are looking to fix it…

    Open header.php, and find

    and replace by something like this:

  51. Jai says:

    @Lildisnie : No, it cannot move the sidebars to the top because the sidebars are in the bottomcontent.php. You must have done some changes yourself before. So, I suggest you install the vanilla gridblog before doing any changes.

  52. Lildisnie says:

    What that does is moves the sidebars to the top along with the bottom content.

    I want the posts which is hanlded by page.php to be first and then the topcontent.php and then the bottom content.php.

    ???

  53. Jai says:

    @Lildisnie : Open the index.php file from the gridblog theme folder. Cut this

    < ?php include (TEMPLATEPATH . "/topcontent.php"); ?>

    and paste above this :-

    < ?php include (TEMPLATEPATH . "/bottomcontent.php"); ?>

    This should do what you ask for.

  54. Lildisnie says:

    I really like it . .

    Have a dbt about how I can make the topcontent.php as the content above the sibebars.

    As in the posts should be on the top and the topcontent should be in the middle..

    help!!!

  55. Vaibhav says:

    Ahh.. no code allowed in my comment… well… in Sidebar1.php, there is an if statement which says

    dynamic_sidebar(2)

    Make it,

    dynamic_sidebar(1)

    Thats all… once again, great theme… i am busy modding it :)

  56. Vaibhav says:

    Nice Theme. I am using it at one of my blogs. I found a small bug though. If you add Widgets to Sidebar1, it doesn’t work. The problem is in Sidebar1.php

    Change the following line:

    To:

    Cheers.

  57. Jai says:

    @365hope.com : Its not about the design. Its about dividing the blog posts in two columns and also to demonstrate the power of CSS Grid frameworks. They are lovely :)

  58. 365hope.com says:

    Speaking frankly, this theme is just so so, no better than the last theme your did.
    Jai, bring out your great imagination!

  59. Jai says:

    @rajeelkp : You will only find WordPress themes here. No themes for blogger. Sorry.

  60. rajeelkp says:

    Hi ,
    I just created a blog on blogger
    And i sawed good templates of wordpress

    Can i get it for my blogger ?

    What should i do to get it on my blog

  61. Cindy says:

    wow……x-(
    another good themes launched by wordpress. it’s a little more easier. and grate feature.. i like this themes because it is fast loading themes…….

  62. azmanma says:

    Jai, this theme is a winner!. Superb themes.

  63. Toxane says:

    Awesome. I love it. Thanks!

  64. MICK says:

    Hi …. Iam a Indonesian blogger.

    I just say …. very nice blog Bob :D

    This theme like Black n White themes. I Love it. I hope you make a cool themes again.

    Happy blogging :D

  65. Filô says:

    Hi Jai, congratulations. The theme is really awesome. I am having some trouble inserting images into posts. They look strange… (sorry about my english!) But anyway, I like it very much. Thanks!
    Besos,
    F.

  66. Stefson says:

    Awesome minimalistic theme.
    Has great potential and modding opportunities.

  67. Chelle says:

    I am a huge minamalist blog design fan – I completely stripped down bobv2 and am loving it though I really like this one also!

  68. Jai says:

    @Edwin : What exactly do you want to do with the header? You can read the style.css and header.php files for a better understanding.

  69. Edwin says:

    Hello Jai,
    Love the functionality, i’ve been 10 days around the net looking for this kind of great functionality. The only Iam questioning is the possibility of change the header, is it changeable with jeopardizing the whole code.

    Thanks for the great work. I’ve downloaded it but waiting for your reply to install it.

    All the best.

  70. Penyu says:

    wogh another great theme thanks

  71. bosbecak says:

    a very nice neat and minimalistic theme.
    another great work jay. thx

  72. Hamamd says:

    excellent theme….

  73. webabout.org says:

    It”s a very attractive theme

  74. Imran says:

    This theme looks really cool, thanks for the great work.

  75. PS3 says:

    How on Earth did you manage to get it to come in at just 36kb?

  76. I like that it’s kind of like a sandbox theme, where you could make it into anything with a little work, but I think that you should add some images and more color to just make it a little more easier. Great Job! :D

  77. Ken Reidy says:

    FYI, Thad Allender already using Blueprint CSS from several months ago…. So you’re not the first theme designer

  78. Marine says:

    Great design.
    You may want to add a “TITLE” tag though :X

  79. luquerias says:

    It’s great theme but i miss images… great anyway

  80. coool theme jai i liked the layout and style.
    But there is lot of white space .

  81. Talk Binary says:

    Great theme! I can assure you, working with CSS to make those floats, would help any blogger! Thanks for providing this great theme!

  82. Hussein says:

    Wow. another great theme from you Jai. I’m sure amny blogger will use it. a minimalistic theme is a trend now because it is fast-loading :D

Leave a Reply

Your email address will not be published. Required fields are marked *


*

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre class="">

Search :