Theme Review: Garnish

Advertisement

Finding a minimal WordPress theme that delivers a rich media experience can be challenging. You don’t want it to be so vanilla that it gets lost in the crowd, but it shouldn’t be so different that it causes usability issues1 or appears thrown together. I can’t tell you how many times I’ve landed on a website that looks like it has just woken up after a long night on the town — it ain’t pretty! Bad design could very well mean bad business, and in this economy, good business matters more than ever before.

garnish-theme-review

If you are in the market for a minimal WordPress theme, you first need to determine how bare you can go without sacrificing functionality. Focus on the structure, visual presentation and usability of the theme, even if that means setting aside some of your own aesthetic preferences. Your website should of course reflect who you are, but does it really need to be hot pink from top to bottom with lime-green font and 300 drop-shadows? I hate to break it to the eccentrics out there, but, alas, it does not. You would only be putting more money in the pockets of eye doctors. So, the question is, how do you get viewers and prospective clients to feel comfy in your digital world, while keeping everyone’s vision intact? The answer is to keep it simple and choose wisely.

Overview

Garnish is a clean, simple, filterable, AJAX-powered one-page portfolio theme by UK-based Web designer Orman Clark, available for purchase at Theme Forest2 for $35. If you’re a sound or visual artist looking to display what you create, you’ll have no problem customizing the logo, layout or portfolio, thanks to the easy-to-use control panel for the theme. If you’re an Adobe CS junkie, you’ll really be able to stretch your creative legs with this one, because the theme is delivered completely unbranded and is structured extremely well. Instead of sifting through someone else’s crazy code, you’re given a clean kitchen in which to cook your own code. Have fun with it!

Garnish home page
Garnish home page, with the built-in light color scheme.

Garnish home page
Garnish home page, with the built-in dark color scheme.

Features

  • Clean, minimal design
  • Dark and light color schemes
  • AJAX-powered, filterable portfolio
  • Support for post formats (asides, images, galleries, quotes, links, standard, audio, video)
  • Page templates (archive, full width, jQuery contact form)
  • Full localization support (contains .po and .mo files)
  • Three custom widgets (Twitter, Flickr, video)
  • WordPress 3.0-ready (menus and featured images)
  • Custom default log-in logo
  • Shortcodes (columns, buttons, toggles, tabs, alerts)
  • Layered PSDs for customization
  • Extensive documentation
  • Mobile-friendly

Functionality

Garnish is a clean, simple, filterable, AJAX-powered one-page portfolio theme.

1. Portfolio

Homepage Filter and Hover
The portfolio includes a category filter (top-left) and hover options.

The Garnish WordPress dashboard includes a dedicated “Portfolio” section (similar to how “Pages” and “Posts” are structured) that feeds data to the home page. Garnish is built for small portfolios. How can you tell? The category filter does not bring selected content to the top, but rather grays out what isn’t selected. A bit of scrolling would be required for bigger portfolios. If you think yours will be bigger, try Gridlocked4, another theme by Clark. For Garnish, I’d suggest sticking to three to five rows of media, or 12 to 20 individual items.

Magic door
The magic-door feature.

The magic-door feature is one of my favorite parts of the theme. On clicking the thumbnail of a portfolio item, the gallery drops down to reveal the selection in full. If the feature is disabled, which you can do in the control panel for the theme, then the portfolio items are linked to their respective pages.

Image Options
Options for the lightbox, thumbnails and images.

The thumbnail image for each portfolio item must be 220 × 160 pixels (the box above specifies 230 × 170 pixels, but looking at the home page container, it’s actually 220 × 160 pixels), and the full-size image should be no wider than 680 pixels. The layout cannot be adjusted (width-wise) to accomodate smaller photos, so if you do want to go smaller, you’ll have to adjust the code.

Slides
A slideshow for a portfolio item.

Each portfolio item can accomodate up to five images by default. The slider controls for moving between images in a set are at the bottom of the photo. You might want to consider customizing this layout a bit by moving the controls elsewhere, to benefit people with small desktop and laptop screens. (You’ll find out why next.)

Navigation
Navigate to the next or previous portfolio item or set.

And here’s why! At first glance, the navigation arrows appear to cycle through the images in the selected portfolio set, but as it turns out, they move you to the next portfolio set. If you have selected a category using the filter, then it cycles through all of the sets in that category. If you’ve left it unfiltered, then it goes through the entire portfolio. In terms of usability, the location of the controls would be of concern only if the images in your portfolio are tall and the user’s device isn’t big enough to view both sets of controls without scrolling. It’s not exactly a huge issue, and you can always tweak it with a bit of code.

2. Shortcodes

Shortcodes
Columns, buttons, toggles, tabs and alerts.

Garnish is packed with shortcodes that make the process of structuring your content5 simple and aesthetically pleasing. When creating a page or post, click the green “+” icon to reveal a list of available shortcodes, and then click “Insert.”

3. Blog

Format
A list of built-in blog templates.

The Garnish blog is sleek, simple and clean. With one click, you can format a blog post based on the type of media it will display. Options include the following:

  • standard (includes the post’s title),
  • aside (excludes the post’s title),
  • gallery,
  • link,
  • image,
  • quote,
  • audio,
  • video.

Blog video
A video post.

Blog audio
A post with a link, audio file and quote.

Blog slideshow
A post with a slideshow, and a custom sidebar video widget.

Blog Archive
The blog archive is its own page and is organized by the title, date and subject of posts.

4. Contact Form

Contact Form
jQuery contact form.

Mobile Display

Mobile Home
A comparison of the iPhone and iPad view of the home page.

Mobile Door
A comparison of the iPhone and iPad view of the magic door.

Support

documentation
The table of contents for the theme’s documentation.

Garnish comes with a 13-page documentation file in PDF, which reviews the following:

  • Installation,
  • Setting up the home page,
  • Post formats,
  • Custom menus,
  • Theme options,
  • Custom widgets,
  • Shortcodes,
  • Custom page templates,
  • Custom log-in logo,
  • Featured images,
  • CSS files,
  • JavaScript files,
  • Photoshop files.

If you have an issue with any theme developed by Clark, a robust and well-organized support forum6 is at your disposal. Responses seem to be given in a reasonable amount of time.

Conclusion

All in all, we really like the simplicity, functionality and aesthetics of this theme. Media is the focus here, as well it should be in a portfolio theme; there is no extra clutter to distract the viewer. If you’re looking for a minimal portfolio theme to display your work or are hunting for an unbranded theme to customize, this will suit you well. Aside from the minor usability issues with the navigation arrows, no red flags pop up, especially if you keep in mind that it’s intended for small collections of media.

Goodies to Take Home

Helpful Resources

(al)

Footnotes

  1. 1 http://sensible.com/
  2. 2 http://themeforest.net/item/garnish-cleancut-wordpress-portfolio-theme/308989/?ref=ormanclark
  3. 3 http://themes.premiumpixels.com/garnish/
  4. 4 http://themes.premiumpixels.com/gridlocked/
  5. 5 http://themes.premiumpixels.com/garnish/?page_id=10
  6. 6 http://support.premiumpixels.com/
  7. 7 http://themes.premiumpixels.com/garnish/
  8. 8 http://themeforest.net/item/garnish-cleancut-wordpress-portfolio-theme/308989/?ref=ormanclark
  9. 9 http://www.premiumpixels.com/
  10. 10 images/garnish/goodies/desktop.zip
  11. 11 images/garnish/goodies/mobile.zip
  12. 12 http://www.premiumpixels.com/freebies/loupe-screenshot-magnifying-thingy/
  13. 13 http://www.minimalsites.com/
  14. 14 http://minimalexhibit.com/
  15. 15 http://www.hongkiat.com/blog/clean-simple-minimalist-website-design/

↑ Back to topShare on Twitter

Alana Riley is the Associate Director of Web Design, Content & Social Media at Providence College. When she's not tweeting about design-oriented things or snapping shots on her iPhone, she's researching + testing simplistic, minimal WordPress themes and plugins that display multimedia in beautiful ways. Connect with Alana: Dribbble | Zerply | Portfolio

Advertising
  1. 1

    Really nice theme! Congrats Orman for it and Alana for review! ;)

    1
  2. 3

    Hello, readers! To test this theme, I loaded it up with media on my domain, which is what you see in the screenshots. If you’d like to give it a spin and see it in action, drop by the website. All of the photos you’ll see are ones that I took (mostly of family, friends, landscapes, etc).

    0
    • 4

      Hi Henry,Setting aside any ecnmooic motivation for joining Linkedin, my own view of the value of LI lies in its unique contribution to collaborative engagement by reaching out to absolute strangers.The passion that fuels the creation of a blog or the text which appears on LI is not driven by financial gain – notwithstanding the fact that financial gain is a legitimate outcome of social media platforms.LI is a digital electronic business card, in my opinion, which allows the LI world to become familiar with its members.Those who relate, engage, connect, collaborate , contribute and grow.Therein lies its value – both personal and ecnmooic in my experience.It is a magnificent platform for ‘net givers’ (no pun intended).Keep your thoughts coming directly ‘in our face’.They are stimulaing.Best!Dan ZwickerToronto, Canada.

      0
  3. 5

    Is it just me, or does this theme “borrow” some elements from pixillion.com? Interesting.

    0
    • 6

      Just checked pixillion.com and the first thing I thought was: “You’re so right”. .. But is that based on the first impression or is the border between inspiration and rip-off crossed? Probably not a rip-off with all the features Orman offers, but “borrowing” so many elements from the top of the site makes Orman suspected.

      0
  4. 7

    To sell a successful WP-Theme today, it has to be responsive/adaptive.
    Everything else is outdated.

    0
  5. 8

    Hello Alana. Very good design, congrats!
    But can you display only 1 image for a full gallery?
    Thanks.
    Gui

    0
    • 9

      Hi Gui! Once you click on an image, you can have up to 5 images as part of a slideshow within each portfolio post, but if you’re good at CSS/PHP, you can easily change that to 10 (or any number you’d like)… though I believe the theme will be sold with 10 images per portfolio post shortly!

      0
      • 10

        Any idea when the theme will offer 10 images per portfolio? What other features are being added/changed?
        thanks

        0
        • 11

          Hi Carol! I don’t know for sure when this feature will be released, but you can keep an eye on the theme on Theme Forest

          0
  6. 12

    Really really nice clean and at the same time minimal., Added to read later. Need to read the documentation review once more.

    Thanks :-D

    0
  7. 14

    Nice one…we love it. But does anyone know how to keep one portfolio post on top? apparently the latest post will stay on top of the site.. what if we want to keep a few posts on top? like this sticky functions in other themes.

    0
    • 15

      Hey Aren! I don’t believe you can do that with this theme. Unfortunately, the easiest way to do it would be to always make the posts you’d like on the top to have the newest publish date (which would mean changing it after uploading a new portfolio item). If you are handy with CSS, you could also tweak the code.

      0
  8. 16

    Hello Alana,

    I’m glad to have seen that post. I love this theme so much and I got it, but I have got little questions. How can I put those portfolio effects you can see when you put arrow on? How can I open my portfolio item in the same page? And how can I put text right of the image when you enter in a portfolio item?

    Thank you.

    0
  9. 17

    Hi there,

    Loved the post; the theme looks really cool. But the links seem to be broken? I got an error message for all the links, except for the ones in Helpful Resources. Could you please check/update the links? Thanks!

    0

↑ Back to top