Mortar – Binding your website together


Some theme launches here at WooThemes are hyped for weeks and weeks on Twitter and in our blog, others we silently and secretly work on and launch for our community as a nice little surprise. Mortar is one of those that I’ve been working on for a few weeks.

Built on an awesomely flexible grid structure that enables you to select how many columns you want on your home page and archives page and then arranges your posts according to their height and width using the JS Masonry layout plugin built by David DeSandro (Source code available here). The rest of the design is governed by the fabulous Grid 960 framework for easy modifications.

Default Style - 3 column layout selected
Default Style - 3 column layout selected

As is noticeable in the screenshots no space is left unused between post boxes and the posts don’t need to be equal heights like other WooThemes, making for a much more fluid, fun, collage-like layout. With an optional Twitter, Ad Banner and About module the home page can take any form you so desire.

City Life Style - With 'About' module enabled and 4 column layout
City Life Style - With 'About' module enabled and 4 column layout

The ‘City Life’ theme style is one of my favourite styles with a background image of a London city skyline I snapped a few months ago, with a layered semi-transparent grid over it highlighting its sharp edges and urban feel.

Pink Texture Style - 2 column layout selected
Pink Texture Style - 2 column layout selected

Enjoy building onto this theme’s flexible layout and we look forward to seeing some creative showcase submissions. As can be seen in the screenshots its usage could be limitless, a photographer’s portfolio/diary, a web designer’s showcase gallery or an online magazine for a publishing company.

As with all our themes we welcome your constructive feedback, but make sure you’ve had a good look around the demo and seen the sub-page layout of the blog posts, single pages and full-width content before judging this theme 🙂

The Challenge

mortar_wallpaper_1920x1200A special prize for those who have read to the bottom of this post. I’ve made a Mortar wallpaper for the release of this theme, it is a polished version of a photo I took here in London – which is a place filled with bricks and mortar!

The first 5 people that leave a comment with a link to a picture of them sitting in front of their computer, with the Mortar wallpaper apparent on their desktop, will each win a free standard package of this theme. Easy hey? Competition closed- winners announced below.

The wallpaper is available in 5 different sizes:


The winners are - Adam Kayce, Javier Zuloaga, WP Themes, Joe Botha, Prashant and Iain Broome.
Thanks for all the great entries. We had 6 quick submissions so we have rewarded one extra. The winners are - Adam Kayce, Javier Zuloaga, WP Themes, Joe Botha, Prashant and Iain Broome. Well done! Please email us with your account details, or desired username and password if you are not already a member, so that we can link you up with the Mortar theme.

cta-banner-10-product-page-v2_2x
Mark Forrester Avatar

About

47 comments

  1. Here ya go! http://adamkayce.com/pics/mortar2.jpg

    Adam Kayce
    August 6, 2009
    • Quick moving there Adam. Well done, I’ll link up the Mortar theme to your account asap.

      4 to go…

      Mark Forrester
      August 6, 2009
      • Cool – I already have a Club subscription – but I did this hoping I could do some kind of giveaway or contest for my readers… is that cool?

        Adam Kayce
        August 6, 2009
        • Yep, go for it! 🙂

          Just send us the winner’s name & e-mail addy and we’ll hook them up!

          Adii Rockstar
          August 6, 2009
  2. Here’s mine. Webcam broken , took me some extra time…

    http://www.girandovoy.com/blog/wp-content/gallery/dandovueltas/fotowoothemes-002.jpg

    Very nice theme! I’m sure it’s worth the 70 bucks, and not just the picture…

    Javier Zuloaga
    August 6, 2009
  3. I’ve already got a subscrip. so I’ll let someone else snag the theme, but this is EXACTLY what I’d been looking for. Great theme! So excited!

    Michael
    August 6, 2009
  4. Here’s the Wallpaper uploaded to my site.

    http://www.wpthemes.com/wp-content/uploads/2009/08/mortar-wallpaper.jpg

    WP Themes
    August 6, 2009
    • We want to see our users in front of their computers sporting the wallpaper. Not just a copy of the wallpaper. You still have time so act fast! 🙂

      Mark Forrester
      August 6, 2009
      • Sorry.. I have updated it.

        In defense.. the instruction was clear on having wallpaper displayed.

        Thanks

        WP Themes
        August 6, 2009
  5. http://tinyurl.com/jsbwoo

    I have some interesting things to try with this one.

    Joe
    August 6, 2009
    • You use your PC much!? 🙂 Look at all them dust…

      Adii Rockstar
      August 6, 2009
    • Get the dustbuster out Prashant! 🙂

      Magnus Jepson
      August 6, 2009
      • Sigh…well, I shall be posting a pic again with a cleaner workplace!

        Prashant
        August 6, 2009
  6. 🙁

    Prashant
    August 6, 2009
    • Hehe, that’s cryptic.

      And btw… Mark will contact you to get your copy of Mortar when he’s back! 🙂

      Adii Rockstar
      August 6, 2009
      • Ok, cool..thank you.

        Prashant
        August 6, 2009
  7. Here I am: http://bit.ly/3BIamJ

    Iain Broome
    August 6, 2009
  8. Me here 🙂 http://marcforrest.posterous.com

    Marc
    August 6, 2009
  9. DAMN. Too slow.

    JohnONolan
    August 6, 2009
  10. Love the theme–had been looking at Grid-A-Licious as an aggregator for a network of blogs. Infinite Scroll could be an interesting option to paginated views. A little disappointed I don’t have a home page widgets to configure.

    A quick try out with Twitter option on seems to make for a really long load. Your own demo page seems a little slow as well.

    A great starting point all things considered.

    Schaeffer Somers
    August 6, 2009
  11. Very nice theme, well done Woo!

    Martin
    August 6, 2009
  12. Shoot, missed it. Twitter being sporadic and my timing was off!

    Bob Dunn
    August 6, 2009
  13. Woo! http://www.jepson.no/u/67m12o.png

    Magnus Jepson
    August 6, 2009
    • Sorry your too late mate 🙂

      Mark Forrester
      August 7, 2009
  14. Very cool theme and concept! Good job, Woo!

    ithemesdotnet
    August 6, 2009
  15. spent the day exploring the new theme. i think it needs widget fields on the home page. it’s very cool though.

    Schaeffer Somers
    August 6, 2009
    • Widgets for?

      Adii Rockstar
      August 6, 2009
      • It seems like there’s an opportunity to use the grid-based containers for both posts and ads. Ad fields might be fixed and aligned to the right for example, but might occupy similar widgetized containers as the posts.

        You are really close to creating a Buddypress type home page, but because you don’t have an widget real estate, there’s no way to install Site Wide Activity, Site Wide Posts, and Members widgets from the Buddypress plugins list to make it brutally easy.

        As an aside one of the interesting things about grid-a-licious implementations (like http://silnt.com/v4/) is the number of columns, so you might want to offer the option to go really wide. These sites often have the Infinite Scroll js installed.

        Schaeffer Somers
        August 6, 2009
  16. Sorry it’s blurry! http://www.beenup2.com/photos/626263-new-message/edit

    Sarah Gooding
    August 6, 2009
    • Hi Sarah, can’t see the image I’m afraid – it says we need to logged in to view it 🙁

      Mark Forrester
      August 7, 2009
  17. Nice and amazing, love it too much!!

    Premium Theme Info
    August 7, 2009
  18. This is all very exciting. It looks like I’m in the first five (huzzah!) – when will the winners be announced?

    Iain Broome
    August 7, 2009
  19. Thanks for all the submissions guys. The winners have been announced above – http://woocommerce.com/2009/08/mortar-binding-your-website-together/#winnersannounced

    Stay tuned to the blog for more fun giveaways!

    Mark Forrester
    August 7, 2009
    • Hey Mark,

      to which email ID should I email to?

      Prashant
      August 7, 2009
      • info at woothemes dot com 🙂

        Mark Forrester
        August 7, 2009
        • sent!

          Prashant Karandikar
          August 7, 2009
  20. Yahoooo..Thx!

    Prashant
    August 7, 2009
  21. Awesome! Thanks Guys.

    Joe Botha
    August 7, 2009
  22. I love this theme. As soon as Antisocial is available too I’ll pay my $70!

    Michael Wincott
    August 8, 2009
    • Awesome stuff! 🙂 Antisocial should be available next month.

      Adii Rockstar
      August 10, 2009
  23. @Mark – You’re a genious man, thumbs up.

    Željan
    August 9, 2009
  24. This theme rocks, but could have had more options.

    fas
    October 1, 2009
    • Care to tell us what options you’d like?

      Magnus Jepson
      October 1, 2009

Stay up to date with WooCommerce emails

View our privacy policy. You can unsubscribe anytime.

Subscribing...

There was an error subscribing; please try again later.

Thanks for subscribing!
Emails will be sent to

View our privacy policy. You can unsubscribe anytime.

You're already subscribed!
Emails are sent to

View our privacy policy. You can unsubscribe anytime.

Use of your personal data
We and our partners process your personal data (such as browsing data, IP Addresses, cookie information, and other unique identifiers) based on your consent and/or our legitimate interest to optimize our website, marketing activities, and your user experience.