Download “Gallery”: A Free WordPress Theme

Advertisement

Just recently we asked1 you to let us know what theme you would like us to release next. Among numerous comments we found many request for a gallery-theme that could be particularly useful for portfolios and showcases. At the very same time Christopher Wallace32 has been designing an advanced gallery-WordPress-theme for the design community and Smashing Magazine’s audience. And today finally we are proud to release it – for free, of course.

Gallery WordPress Theme

Gallery is a beautiful, free, gallery-style Thematic child theme for WordPress, designed by Christopher Wallace32 especially for Smashing Magazine and its readers. It is extremely flexible and can be used as a starting point for design galleries and portfolios.

Screenshot4

This theme can be seen in action on MixCSS.com5, which is being launched as a high-end design gallery that showcases the true power of the Gallery theme. You can subscribe to the MixCSS.com RSS feed6 or check out the live site7, which acts as a demo for the Gallery theme.

As always, the template is completely free and may be used for any private or commercial project without any restrictions whatsoever.

Screenshot218

Gallery is packed with loads of cool features like a jQuery slide hover effect on thumbnails, lazyloading for thumbnails (great if using a lot of thumbnails on one page), built-in social media links for each gallery item and seamless integration with the following plugins: WP-PostRatings9, BuySellAds plugin10, and Contact Form 711.

Screenshot12

If you'd like an endless wall of thumbnails, LazyLoad allows you to show as many posts on the homepage as you'd like, allowing your users to scroll endlessly down the page without having to load hundreds of images right away. This effect mimics "endless scroll."

Screenshot13

Gallery also supports WordPress 2.7 threaded comments for an elegant commenting experience.

Screenshot14

Social media links allow you to save each gallery item to Delicious.com15 or post a link to the gallery page in your twitter feed. Social media icons provided by Rogie King16.

Screenshot17

Features

  • WordPress 2.7 compatible
  • Built on the Thematic framework
  • jQuery hover effects
  • 'Save to Delicious' link
  • 'Tweet This' link
  • Flexible footer widget area
  • WP-PostRatings integration
  • Contact Form 7 integration
  • BuySellAds plugin integration

Usage/Installation

To use the Gallery Theme, you will need to follow these installation instructions:

  1. Download the latest version18 of Thematic.
  2. Download the latest version19 of the Gallery WordPress theme.
  3. Unzip and upload both themes to your "wp-content/themes/" directory.
  4. In WordPress, go to "Appearance > Themes" and activate the "Gallery" theme.
  5. To change the number of items displayed on the home page, go to
    "Settings > Reading" and change "Blog pages show at most" to 28 (4
    rows) or 35 (5 rows) or more for the LazyLoad plugin to work its magic. LazyLoader will automatically delay loading of thumbnails that are out of the user's view.

Adding Gallery Items

To use the default options for the Gallery Theme, here are instructions for creating gallery entries:

  1. Create a thumbnail for each entry sized 125×125
  2. Create a full-sized image for each entry sized 500×375
  3. Upload both images to /wp-content/uploads or use the image uploader in WordPress to upload the images to the same folder
  4. Next, create a custom field called "thumbnail" and enter the
    location of the thumbnail file, for example
    "/wp-content/uploads/design-name-125×125.jpg"
  5. You will need to create another custom field called "full-image" and enter the location of the full-size image in that field.
  6. You may also enter custom fields for "web-url" and "designer" if you want to add additional information to each entry.

Setting Up Star Ratings

  1. Install the WP-Post Ratings plugin20 from WordPress.org. Activate both the plugin and the widgets.
  2. To switch the type of images to transparent .PNGs, open wp-content/plugins/wp-postratings/wp-postratings.php in a text editor and change the following lines (should be near the top of the document):

    ### Define Image Extension
    define('RATINGS_IMG_EXT', 'gif');
    //define('RATINGS_IMG_EXT', 'png');

    to match this:

    ### Define Image Extension
    //define('RATINGS_IMG_EXT', 'gif');
    define('RATINGS_IMG_EXT', 'png');

  3. Then upload that file back into the plugins folder.
  4. In your WordPress admin panel, click the Ratings > Options link on the left sidebar.
  5. The transparent .PNG stars should be selected by default.
  6. Under 'Ratings AJAX Style' change 'Show Loading Image With Text' to 'No' and 'Show Fading In And Fading Out Of Ratings' to 'No.'
  7. Click 'Save Changes.'
  8. Now click the 'Ratings Templates' on the left sidebar.
  9. Replace the text in the 'Ratings Vote Text' box with the following code:

    %RATINGS_IMAGES_VOTE%

  10. Replace the text in the 'Ratings Voted Text' with the following code:

    %RATINGS_IMAGES%

  11. Click the 'Save' button.
  12. You should now see your star ratings show on the gallery single pages next to the title of the gallery item.

Adding Widgets to the Footer

  1. Make sure you activated the WP-Post Ratings widgets when you activated the plugin.
  2. In your WordPress Admin, click Widgets on the sidebar.
  3. From the drop-down box under 'Current Widgets' select '1st Subsidiary Aside' and click 'Show.'
  4. Drag the widgets you'd like to see shown in this area from left to right (Highest Rated, Most Rated, Recent Comments, etc.)
  5. Click 'Save.'
  6. You should now see your widgets in the footer.

Download the theme for free!

Screenshot218

We express sincere gratitude to Christoper Wallace for his truly impressive work. Please let us know in the comments if this release meets your expectations. And if not, please let us know what we could improve in the upcoming releases!

Footnotes

  1. 1 http://www.smashingmagazine.com/2009/04/21/smashing-community-wordpress-theme-comment-and-win/
  2. 2 http://www.chris-wallace.com
  3. 3 http://www.chris-wallace.com
  4. 4 http://www.smashingmagazine.com/images/gallery-wordpress-theme/large-preview.jpg
  5. 5 http://MixCSS.com
  6. 6 http://feeds2.feedburner.com/mixcss
  7. 7 http://mixcss.com
  8. 8 http://www.smashingmagazine.com/images/gallery-wordpress-theme/large-preview.jpg
  9. 9 http://wordpress.org/extend/plugins/wp-postratings/
  10. 10 http://wordpress.org/extend/plugins/buy-sell-ads/
  11. 11 http://wordpress.org/extend/plugins/contact-form-7/
  12. 12 http://www.smashingmagazine.com/images/gallery-wordpress-theme/large-preview.jpg
  13. 13 http://www.smashingmagazine.com/images/gallery-wordpress-theme/large-preview.jpg
  14. 14 http://www.smashingmagazine.com/images/gallery-wordpress-theme/large-preview.jpg
  15. 15 http://Delicious.com
  16. 16 http://www.rogieking.com
  17. 17 http://www.smashingmagazine.com/images/gallery-wordpress-theme/large-preview.jpg
  18. 18 http://themeshaper.com/
  19. 19 http://chris-wallace.com/downloads/gallery-latest.zip
  20. 20 http://wordpress.org/extend/plugins/wp-postratings/
  21. 21 http://www.smashingmagazine.com/images/gallery-wordpress-theme/large-preview.jpg
  22. 22 http://www.smashingmagazine.com/images/gallery-wordpress-theme/large-preview.jpg
  23. 23 http://mixcss.com/
  24. 24 http://chris-wallace.com/downloads/gallery-latest.zip

↑ Back to top Tweet itShare on Facebook

The Smashing team loves high-quality content and cares about the little details. Through our online articles, Smashing Books, eBooks as well as Smashing Conferences, we are committed to stimulating creativity and strengthening the web design community’s creative forces.

Advertisement
  1. 1

    nice theme gallery
    cool
    :)

    0
  2. 152

    Hi Chris! F* nice template I LOVE I! :D

    Is it possible to insert flash, even maybe a flash movie, instead of the Full Image?

    0
  3. 303

    Hey,

    Got a problem, when I go into Themes I get this error (Broken Error):

    Template is missing
    Stylesheet is missing.
    Gallery, a Thematic child theme Template is missing.

    Havent seen this error before, just downloaded today.

    Anyone know whats the matter, or how to fix it?

    Cheers

    0
  4. 454

    For the “new” picture problem open functions.php . Line 75 you can see 3*86400 . This is the time for 3 days in seconds. You have just to modify this 3*86400 .

    0
  5. 605

    If you need a custom logo designed for this theme for your site let me know. I can do this for you for $5. You can look at the sample at http://www.comegrab.com/freestuff . You can email me to “vasanth at comegrab dot com”

    0
  6. 756

    Great looking theme! I am a little disappointed about the appearance in IE6. I can’t stand IE6.

    0
  7. 907

    Great theme – we added it our list of Premium Free Themes! With some imagination someone could turn this into a great looking site!

    0
  8. 1058

    does anybody know how to have the thumbnails created automatically seems like an unneccasarry to have to create both a thumbnail and featured picture. Other themes such as Idomagz gallery do the resizing automatically. If it would resize automatically this would be a great theme and I would use it across my network.

    0
  9. 1209

    The Frosty @WPCult

    May 18, 2009 6:14 pm

    Really like the theme, so much in fact, I created a version of this theme to work with the Hybrid framework, Galleria

    0
  10. 1360

    I’m having the same problem as Lucky 11 Studios (post 112) and Kate (post 149). Any ideas yet?

    0
  11. 1511

    Hi!
    Big thanks for a great theme!

    I have an issue with child categories, i cannot find a way to style the dropdown list?
    I would like a horizontal-styled list with my child categories under the navigation bar..

    Anyone have any clues how to solve this?

    Thanks again, really great work!

    0
  12. 1662

    Well i went through a few of the comments here and i have to say : It was pretty easy installation, doesn’t require any instructions i think. Why are you complaining ? And on top of it, if a client had comissioned this to me i would have charged him loads and we are getting it for free.

    And lastly whats the big deal even if you had to do a bit of look around at least you learnt something on your own. Just reminds me we are all becoming so lazy nowadays we expect everything to be spoonfed. Not trying to be personal or anything but lets just appreciate life.

    0
  13. 1813

    Installation and implementation has gone off without a hitch for me. I’ve already heavily customized it’s graphics and .css.
    I’m not a php expert by any means so my questions are these…

    1. Can I add the sidebar widgets to the posts page somehow? Either that or get rid of the sidebar completely. If so, how?
    2. I need post tags displayed in the post. (prepended with “Available in”) I found the code that should’ve done it and pasted it in but it didn’t work right for some reason.
    3. All of my posts have commenting disabled and it’d be nice to fill that space below the large image with the post’s text or additional images. Is this possible? If so, how?
    4. Is there a way to rearrange the order of the categories display in the header?

    0
  14. 1964

    …same problem as as Lucky 11 Studios (post 112) and Kate (post 149) and Jessica (post 160). Anyone know what’s goin on?

    0
  15. 2115

    help. i cant activate theme.

    there are missing files..

    0
  16. 2266

    nice templates :D

    0
  17. 2417

    Will this theme work on wordpress 2.6.3?

    0
  18. 2568

    Lucky 11 Studios

    May 24, 2009 7:55 am

    I figured out my problem… for you others that had the same issue—just delete the line that has “tinyurl.com blah, blah, blah…” out of the code and then it works fine. No biggie. I love this design. Great work Chris!

    ONLY complaint I have is not being able to have portrait pictures on the posts. They all have to be horizontal. :-( Boo…. Not great for my rock posters.

    0
  19. 2719

    This is a great theme. I used it to make a gallery of sport logos. I update it daily so that’s why I called it sportlogoday and one square is one sport logo. Thank you for this! It’s really beautiful.

    0
  20. 2870

    wow..
    this is a rocker ;D

    0
  21. 3021

    hi im new

    0
  22. 3172

    cool themes
    thanks for share :)
    fleacool

    0
  23. 3323

    dunno… but it doesn’t scroll down :s @ the demo

    0
  24. 3474

    NICE!!!!

    0
  25. 3625

    the gallery items displaying using custom field can be replaced by get the image plugin by Justin Tadlock”. Now everything is automated.

    0
  26. 3776

    Very nice! Except for one thing. If you use subcategories the menu doesn’t work that smoothly.

    1
  27. 3927

    Re. Jon (May 6th, 2009, 6:25 pm)

    I have never installed WordPress or worked with it in any way, shape or form and got this working beautifully in under an hour. Great work, Chris. This write-up is plenty detailed. Don’t be discouraged by what some type. What you’re doing is helping all of us.

    0
  28. 4078
  29. 4229

    Chris thank you again for such an amazing theme!! It is much appreciated!! Can you or anyone help implement a paypal/shopping cart feature into this? Any input would be helpful, thanks!

    0
  30. 4380

    I am getting the error:

    Fatal error: Call to undefined function wp_page_menu() in /home/a4066518/public_html/wp-content/themes/thematic/library/extensions/hooks-filters.php on line 62

    What is the likely cause of this?

    0
  31. 4531

    @lucky 11 Studios

    Thanks a bunch. I was wondering what was going on. Works now.

    0
  32. 4682

    This is exactly what i was looking for to show my portfolio (artworks & photos)

    but the thing is, all my stuff is hosted on FlickR.

    Is there any way to integrate this with a FlickR set ?

    0
  33. 4833

    Silver Firefly

    June 4, 2009 5:46 pm

    It’s a nice theme.

    By the way, I love the texture you’ve used on the background. May I use it for my own project? It’s perfect for my portfolio I’m working on.

    @Jon (comment 113), I agree they do need to bundle decent instructions but it takes a lazy person to know another. Your grammar is terrible. ;-)

    0
  34. 4984

    I agree with Lucky 11 Studios:

    I’m getting this crazy message at the top of each post after you click on a thumbnail.
    “Warning: file_get_contents() [function.file-get-contents]: URL file-access is disabled in the server configuration in /nfs/c03/h03/mnt/52869/domains/lucky11studios.com/html/wp-content/themes/gallery/single.php on line 7

    Warning: file_get_contents(http://tinyurl.com/api-create.php?url=http%3A%2F%2Flucky11studios.com%2F%3Fp%3D498) [function.file-get-contents]: failed to open stream: no suitable wrapper could be found in /nfs/c03/h03/mnt/52869/domains/lucky11studios.com/html/wp-content/themes/gallery/single.php on line 7″

    What does that mean? What do I need to do to fix it?

    0
    • 5135

      because of your hosting server….something in theyr settings…

      default allow_url_fopen is OFF…must be set to ON …hope it helps

      0
      • 5286

        i have the same problem but dosen’t really work :s how can i do? i’m lost

        I did it: put on the default value and i recreat but not still working …

        0
  35. 5437

    I like this theme!

    0
  36. 5588

    loving the theme!

    wondering if there is a way to prevent / remove the “new” icon/tag displaying on new posts?

    cheers

    0
  37. 5739

    Great theme! Would you give us the ability to upload our own logo / banner image through an admin panel as Commune

    0
  38. 5890

    Hi,
    Great app, incredibly useful for me as a designer who spent a lot of precious time hand crafting my own gallery pages.

    The drop down sub-categories don’t seem to come out right though. They seem to end up behind the images. Is this something that you are looking at fixing?

    Anyhow, thanks again for your efforts
    /Fred

    0
  39. 6041

    Francesco Aloisio

    June 9, 2009 6:59 am

    Finally! This is what I have been looking for over the last 25 millions years.
    only one problem, is there a way you can have a standard blog page as well, that would be absolutely perfect for me.
    Thanks in advance.

    0
  40. 6192

    GREAT theme.

    How do I activate the Social Media links (Bookmark This/Tweet This) for the posts?

    Also, any ideas about replacing the image in the artwork-container with video?

    0
  41. 6343

    Chris, this is quite possibly one of the nicest themes that I’ve seen released for WordPress and the fact that it was made freely available only adds to its overall value. This is certainly worthy of a premium WordPress Theme label :).

    As for those complaining, it’s best to read all comments, instructions and try things out on your own — not just upload and expect everything to fall into place exactly the way you want it to. Get used to WordPress, read up a bit and then if you’re still having an issue, ask for help nicely instead of completely bashing the release and the author/designer.

    I know of premium wordpress themes that were released with a cost upwards of $50-$80 for a license and their initial release had so many issues, didn’t work in areas, failed validation and so forth, yet you didn’t see multiple comments about the poor quality. Customers instead asked the author/designer to fix them and waited patiently.

    Considering the first initial bug-fix release was in 2 days, I’d say that’s damn good support for a free release.

    Keep up the wonderful work, Chris. I’d love to personally see a few color variations if you have the time, perhaps even a different home page layout. Just a few suggestions when you have some free time to spare and feel like adding even more value to a product that already shines!

    – Michael

    0
  42. 6494

    I want to use this theme for my portfolio and I have it working fine. However, I’d like the images in the posts to link to the final original image. It would be nice if they opened in a lightbox style too, but I don’t know how to achieve this. Help would be appreciated.

    0
  43. 6645

    Fantastic theme! I have two requests:

    1) That the theme allow for horizontal drop-downs. Right now 2nd, 3rd, etc level categories drop down vertically behind the square boxes, there is space for them to just slide across just beneath the upper nav.

    2) The 500 x 375 image requirement distorts to match the design height and width of the main image. Is there a way to simply show the original image without it scaling and distorting when there is not a perfect crop/resize to 500 x 375?

    Thanks, and once again great work!!

    0
  44. 6796

    @Arnold

    Open up /Gallery/single.php in your favorite text editor and delete

    width=”500″ height=”375″

    from lines 42 and 44.

    That should prevent images from being stretched to fit the 500×375 window.

    0
    • 6947

      I couldn’t find in Gallery/single.php;

      width=”500″ height=”375″

      (from lines 42 and 44.)

      I’m trying to set the size to iPhone size (320 x 480)
      Is it in Thematic theme or Gallery theme? Thanks in advance!

      0
  45. 7098

    @Sean

    Thanks! Greatly appreciated!

    Now, on to solve the horizontal slideouts… :)

    0
  46. 7249

    @Sean

    Thank you for the image info. It was worth looking through 194 comments to find your answer!

    0
  47. 7400

    how can i add the thumbnail information window box what i mean by that is the pop up information bar when your mouse scrolls over the thumbnail can anyone help me???

    love this theme :)

    kirk

    0
  48. 7551

    Can anyone PLEASE PLEASE PLEASE tell me how to get the logo area (when clicked) to go to a different URL than the root? I know its something in the header, and then subsequently related to “thematic_header()” and functions.php

    I am totally stuck. Since I am using the gallery in a directory within my main site, I would like the logo at the top left to go back to the main site instead of to the grid gallery index.

    Thanks!

    0
  49. 7702

    Just a pity. I was going to use it but it doesn’t work that well with the Internet Explorer.

    0
  50. 7853

    Beautiful theme, but unfortunately there are problems with viewing it in internet explorer 8!
    Are there any fixes for this?
    thanks.

    0

↑ Back to top