Introducing Our First Free WordPress Theme, “Shaken Grid”
We’re proud to announce the release of our first free WordPress theme, “Shaken Grid”. This theme is perfect for you if you’re in need of a gallery/portfolio website or if you just want a website with a unique grid layout that not many websites have taken full advantage of yet. “Shaken Grid” uses the jQuery Masonry plugin which “arranges elements vertically then horizontally according to a grid.” The result is a gap-less layout even if you have varying post heights. View the demo for an example.
Choose between two color schemes (light or dark)
Features
- Multiple Color Schemes – Choose between two packaged color schemes (light and dark).
- Theme Options panel – Easily change the color scheme of your theme, your favicon, and add stat tracking code through the theme’s options panel in WordPress’s administration area.
- WordPress 3.0 compatible – Take advantage of WordPress’s new menu system (Appearance → Menus)
- Gallery layout – Unique (and gap-less) grid layout perfect for a gallery/portfolio. Also supports blog posts.
- Enhanced for modern web browsers – Uses CSS3 (font-face, transitions, drop shadows, rounded corners) and jQuery
- Progressive Enhancement – Theme displays fine in older web browsers and Internet Explorer 7+
- Widgetized Sidebar
Theme Options Panel
Add gallery posts in under a minute
Yes, you heard right: Easily add a gallery post in under one minute, it’s that simple to do. Using WordPress’s post thumbnail feature, all you have to do is upload your image, click okay, and hit publish. Check out the demonstration video to the right, it was all done in 40 seconds! (View full screen for better view)
Changelog
- July 28, 2010: Homepage posts will now be paginated just like on the archive pages. This limit is set under Settings » Reading » “Blog pages show at most”
- July 26, 2010: Fixed a CSS issue with input and textarea field styles.
- July 23, 2010: Enabled WordPress’s built-in jQuery file and removed Google’s version due to issues with other plugins. (Thanks for the heads up, JLeuze).
- July 16, 2010: Fixed an issue where the grid structure would break due to other plugins using WordPress’s built-in jQuery file.
- June 28, 2010: Updated the menu system to the new specification.
[Update] All support or feature requests can be submitted here: themes.sawyerhollenshead.com.
Hey Everyone,
If you’re interested in a premium version of the “Shaken Grid” theme, please let us know what features you’d like to see in a premium version by posting your comments in this post: http://shakenandstirredweb.com/?p=388.
You can also sign up to be notified when the theme is released by visiting that link.
Thanks again for all your support!
Hi!
Can you help me?
Something wrong on my website, because the images are too big on the main page, and i cant click on it.
What is the problem?
Thanks!
OK, I found the problem. My blog is not new, so there is no set of the “featured images”. How can I easily switch to the old images to be good? 1500 picture should be the case, I do not want one by one.
Thanks!
I haven’t used this before, but you can try this plugin to resize your images: http://wordpress.org/extend/plugins/regenerate-thumbnails/
I tried that, but this is not the problem. In the old posts there is no thumbnails at all, so there is nothing to regenerate.
The image is included in the post. The old wordpress version I think it was not get_thumbnail function.
Currently, only new entries can be used, but the old entries will not work. There is no workaround for this?
(Sorry for my poor english)
Unfortunately there’s not much I can do about there not being any thumbnails. It should still display the content of your posts though.
Please check out my website. http://kavalkad.otherside.hu
The first picture is good, because there’s thumbnail, but not in others There are only the content and are in the picture.
Just in case you didn’t get this sorted out, or someone else has a similar problem, it should be possible to edit the theme to use the first image from a post in the absence of a set “thumbnail”. This tutorial is a bit old but still handy http://is.gd/ek3Zs
Hi
I’m still getting my head round this theme and WordPress 3. I see for your demo page you’ve created 2 portfolio pages, which is pretty much exactly how I want to use this theme!
Trouble is it seems those pages rely on content being created in your blog…
Is there a way to create a Page with the grid system or will it always rely on existing Categories out from the blog page?
Thanks!
For now it relies on blog posts for the grid structured pages.
great theme! i´m completely impressed!
if you are having trouble with the colorbox and safari, replace the plug-in with the latest version of colorbox-min.js
Great theme brother! I work with some great developers and they were really impressed by what you laid down. I refreshed my site in less than a day and people are responding with great complements. You’re on your way!
Cheers,
Mark
mb1977.com
Thanks Mark!
Hello,
How do I make 5 columns out of it instead of 3?
Hey Mike,
The design is fluid width, meaning – 5 columns will be displayed when the browser window is wide enough to fit 5 columns.
To let them fit on my screen I need to change the width of the columns. However when I make them narrower there appears a gap between them. Where can I make them narrower without creating a wide gap between them?
.box{
background:#FFF;
margin-bottom:10px;
padding:10px;
width:180px;
If I change the box width in lets say 180px, the boxes become smaller but there appears a lot of space between them.
Any idea?
Already found out myself.
Another question, how do I place an image above the post title ?
On the admin post page – click Set Featured Image, upload your image, and click Set as Featured Image.
Thanks Sawyer, This really one of the best themes I’ve seen so far.
Here’s a teaser of the revamped hover state on featured images for the premium theme (still in development):
Re: premium site
I love that comment comes up when you hover.
I do have a question about the current theme: I don’t get the pop-out on the image (X at upper right corner) did I miss something?
Oh, I figured it out– it’s gotta be a featured image. Got it.
Also, I’m using the WordPress.com Stats plug-in, but it’s not recording anything. Can you suggest another?
Thanks,
Anisa
A bit of a newb question perhaps, and I haven’t tried to implement any solutions myself yet, but would it be possible to have posts show in variable widths determined by the dimensions of the featured image?
It’s possible, but will require quite some customization. A similar feature is being implemented in the premium theme which is currently in development.
hi – thx for the great theme! i’m just wondering how you post multiple images for the posts. i see that you use the featured image for the thumbnail image, but how do i upload more images for the gallery?
hi,
I find this theme really wonderful too, to be seen on smart phones for instance… but I would also need to upload a “gallery” for each post? like Adam… is it possible?
Thank you for creating this theme- it is absolutely awesome. I love the look of it the most, and the fact that it is so easy to use is a bonus.
Hi,
Thank you for such a great free theme! I am trying to create a drop down categories menu (as in the demo), and cannot figure out how to do this. Am I overlooking something basic? Any help would be much appreciated!
Thanks!
You can add categories to your menu under Appearance -> Menus. Create a link with a target href of # and then place the categories under that link.
Thank you!
I’m loving the theme and look forward to the pro version. Quick question. How do I add comment functionality to the theme?
Hi Lynda, I took the comments.php from another theme, modified the styles and it works great for me!
Great. Can you tell me which one you used? I’d love to use it as well. Thanks!
Hello,
Me again. For some reason your new update isnt working for my frontpage, I tried several ways. I uploaded your zip file, changed the name so it wouldnt conflict with the original theme, activated it, but nothing. All my posts on frontpage are still showing. My max posts in reading was set on 10. When I changed it to, for example, 2, everything changed to max 2 except for the mainpage. Press Ctrl+F5 like a madman to clear all the cookies etc so it should load every new file… still nothing.
I changed it back to the 1st version again, cause its my portfolio site and I’m looking for a job atm =) and I dont have a test site running online (just test settingchanges offline).
I’m kinda lost here… dunno what I can try else or what the problem can be =(
Hi Steph,
Not sure why this would be happening. Try downloading the update again, find the index.php and loop.php files in the new download and replace your old index.php and loop.php with these new ones.
I like this very much, my question may i use Google Tracking code to put on Stat Tracking?
Yes
I’ve tried and tried to edit the code so that I could add a logo vs. the text. Is there a step by step way of doing so? thanks
My question ya, how to make Categories appears on header with sub-category? A bit lost erk..
Hi, Great theme.
I was wondering how to add a gallery to posts to show other images when you click a thumb on frontpage.
Thanks!
Awesome theme Sawyer. Thank you very much for developing it. Just made my site using this theme. Check it out if you feel like http://ishootpests.com.
Appreciate your hard work..
Thanks Jeetu – I really like the lazy loading you have setup on your website, I may actually implement that in the future.
Yeah, that would be nice. I was actually trying to use infinite scroll but couldn’t get it to work so went with lazy loading. Maybe implement both in the premium theme as infinite scroll is also very popular.
Thanks again for this fantastic theme.
Hey I really like your theme!
But I seem to have some problems with it and Safari: sometimes the clicked image minimizes to a small square, instead of filling the screen.
I made a small screenrecording to clearify what I mean: http://www.divshare.com/download/12332509-823
thnx for help on this one!
Hey, I tried to option mentioned by clause above: about replacing the Colourbox plugin, but that didn’t help resolving the issue with Safari for me. Any more ideas?
hi
is it possible to get adidtional pictures, that i put in the content of an article (after the read more» ) to open in colorbox?
The League Gothic font is not loading for me in the header links, when I first enter the home page (it defaults to Arial). If I refresh, then the links come up in League Gothic as they are supposed to. Any ideas what could be causing this?
check the ftp-rights of the font folders. it should be 755.
In this theme i don’t see comment box on my page..any idea?
Hey Sawyer, I’ve been working with the featured image tool but can’t seem to add more images. What am I doing wrong? Great theme, cheers.
Sarah
Hi Sarah, WordPress only allows you to have one featured image per post.
Thanks for getting back so quickly. Perhaps I wasn’t clear. When you click on the featured image, it opens it in a lovely bubble window, and you can scroll through more images as I see in your theme example down the bottom left, there is an arrow with 1-22 for example. How do I do that?
Took a quick glance at your setup. The lightbox will only link to other featured images. Hope that helps.
Nice theme, my questions, this theme don came with comment box aite? It just a profoflio theme, but i like the way you build it..i hope i can use it..
Yes it does. Thank you
Is there a way to make it when you click the picture a video plays in colorbox?
Not built into the theme, but if you are comfortable programming, check out this jQuery lightbox.
Youre so on top of it. Many thanks! Im not a programmer, but im sure i can find someone to help me out.
Thanks again!
There is something wrong with my loop.php. It was working well until yesterday, but from today it is not working. My pagination is coming in the right side of the box, which is supposed to be at the end of the post. Please help me.
Hi there. It seems you’ve done quite a few custom things to the theme, which is probably the reasoning behind the issue you were having. It also seems you fixed the problem.
You are right. I fixed the problem. Thanks for your reply.
Hi,
Brilliant template, love it and like to use it, but after installing I get a warning in the themes page:
Broken Themes
“The following themes are installed but incomplete. Themes must have a stylesheet and a template.”
And under description it says: Stylesheet is missing.
Could you help me out?
Hey Ben, try re-downloading the theme and re-upload it. Make sure that style.css is in the theme folder after you’ve re-uploaded things.
Hey guys,
First of all I would like to thank you for making this theme available. This is just the theme I want to use for my portfolio.
I have two questions about using this theme:
I dont want to give my pictures a title. But still the space remains. How can I change the height of the reserved text, or where in css (the font-size) can i adjust this.
Im not a coder, so sorry for asking this silly question. Ive seen this colorbox js, gallery possibility. How can I implement this in my posts.
Thank you very much for helping me out.
Greetings Patrick
OK, that worked. Did it with FTP. Don’t know what went wrong the first time. THX!
Congrats on this Sawyer. I couldn’t believe this was you when I saw it! The same guy I knew on Royalgfx! Congrats with your famous theme!
Thanks man, nice to see you’re still around!
Progress report and teasers of the premium theme: http://shakenandstirredweb.com/412/teasers-shaken-grid-premium
Hey,
Did someone already found a solution to the problem with the lightbox in Safari as mentioned above by Douwe?
Thnx!
[UPDATE] All support or feature requests can be submitted here: themes.sawyerhollenshead.com.
[Comments Are Now Closed]