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 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 Link

  • 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 Link

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.

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 Link

  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.
  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! Link

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 Link

  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

    Amir Siddiqui

    May 4, 2009 1:13 am

    good sharing

    0
  2. 2

    Nice Theme Wallace!! Now many online galleries might want to change their old look. Thanks for sharing.

    DKumar M.
    @instantshift

    0
  3. 3

    looks nice. wish i had that many sites to populate the grid with…..

    0
  4. 4

    Alex Mitchell

    May 4, 2009 1:21 am

    Brilliant! A few friends were looking for a WordPress based gallery and this theme might just be the answer; or at least the start to one. Think I’ll have to play with this later :)

    Thank you for sharing!

    Alex | @ZenElements

    0
  5. 5

    Looks horrible in IE6.. Curse my workplace for not having a better browser to view this masterpiece

    0
  6. 6

    Awesome!thanks for sharing :)

    0
  7. 7

    THANKS A LOT!!!!!!

    0
  8. 8

    inspired by cssremix.com

    (SM) please read the post first, Ivo. The designer of the theme is the creator of CSSRemix.com.

    0
  9. 9

    Thank you so much!!! Really what I needed.

    0
  10. 10

    so clean, simple and elegant. thanks!

    0
  11. 11

    the best theme ever released on SM

    0
  12. 12

    wow…it’s amazing for me, i hope i can make template like this.. ^_^

    0
  13. 13

    Nice. Too bad it doesn’t have good color contrast in most places.

    0
  14. 14

    a bit too black…. but very very nice theme! :)

    0
  15. 15

    Incomplete theme – without notes on installation – crashes as such – Waste of time— :(

    0
  16. 16

    Would be nice if the step by step installation instructions of the section “Adding Gallery Items” were more detailed as not everyone knows how to do some of them – me included :-)

    0
  17. 17

    This comes very close to my own fan-tas-tic gallery theme… ;) I have to hurry up, I guess.

    A very nice one…kudos!

    0
  18. 18

    Thanks – this is a wonderful new theme. Looks like something that should be included in the previous post on Ultimate Guide To Using WordPress For A Portfolio. Loke someone else said, I just wish I had more in my own portfolio to fill something like this up!

    Beautiful work!

    0
  19. 19

    Woop woop! THIS is usefull! Thanks!

    0
  20. 20

    Wow, great job guys. And Free! even better. Thanks for sharing.

    0
  21. 21

    Hey great themes but i have a question… how do you change the title of the widgets for images? or instead of using the widget to manually add the codes? If someone can answer me this i’ll be grateful for the rest of my live!

    0
  22. 22

    connecticut websites

    May 4, 2009 5:25 am

    it has some interesting elements, and like most themes, you need to know your way around wordpress, css, php, etc to adapt it to your own needs – I really like the thumbnail roll-over effect.

    0
  23. 23

    Excellent!

    0
  24. 24

    Nice theme, i love this theme ;)

    0
  25. 25

    Wow, that’s a smashing theme for gallery!

    0
  26. 26

    it’s amazing!

    0
  27. 27

    Great! I am a bit surprised that there’s no automatic image sizing using timthumb or something, considering all excellent features. Adding Paypal or cart integrations would be icing on the cake.

    Thanks!

    0
  28. 28

    Nice theme;thanks:)

    0
  29. 29

    Sweet, been looking for ideas to designing WordPress Gallery theme, and this one will definitely give me some more ideas.

    Thank you :)

    0
  30. 30

    Awesome Awesome Awesome!
    Words escape me.

    Brilliant work!

    0
  31. 31

    another nice post and a good learning resource, however instructions are not complete, things like how to add subit a gallery link and how to add a new gallery are missing.

    0
  32. 32

    Wow amazing thanks guys. Just what I need.

    0
  33. 33

    I´m trying to figure out whats the problem, when i extracted and uploaded the two themes named above, wordpress says gallery theme is broken, doesnt have template or stylesheet, any suggestions?

    0
  34. 34

    Chris Wallace

    May 4, 2009 7:15 am

    Guys, thanks for all the positive feedback and the questions regarding this theme! Just to add one thing, I am not the creator of CSS Remix, just MixCSS.com. The theme was inspired by a variety of design galleries but my main goal was to provide a free theme that builds upon the simplicity of sites like Card Observer and CSS Remix.

    I understand the installation instructions may not be tailored specifically to beginning WordPress users and will continue to improve the instructions for those who may have questions. Updated instructions and tutorials for using other plugins with Gallery will be available periodically at chris-wallace.com, so be sure to watch for those.

    If you need help adding Custom Fields in WordPress, this tutorial explains exactly what they are and how to add them to your posts.

    Again, thanks for all the comments!

    0
  35. 35

    Thank you soooooooooooooooo much!!!!!
    I am running a showcase page for japanese descendant community related pages
    and this theme is EXACTLY what I was looking for.
    The other CSS gallery themes were getting too old.

    Thank you and Arigato. :)

    0
  36. 36

    I’m getting exactly the same problem as Lindsey.

    -1
  37. 37

    Hi, is it working actually? I downloaded it, tried to install it on wordpress 2.7 but it doesn’t work. It says:

    this theme is incomplete
    ?

    0
  38. 38

    @Misspiggy: Did you follow the installation instructions? Gallery is a Thematic child theme, so you need Thematic as well.

    0
  39. 39

    nice

    0
  40. 40

    Great Theme, thanks for sharing such a nice theme

    regards,
    TARIQ MAHMOOD

    0
  41. 41

    LOL, why do people not test with deactivated javascript? And even better with a running ad-blocker. This is what I see:
    http://img3.imagebanana.com/img/1dhhrmdc/screenshot_001.png

    But I have to admin, nice looking when viewing in a totaly “free” environment.

    0
  42. 42

    I’m the owner of CSSREMIX.com and I did not make this theme nor do I support it in anyway. I would’ve appreciated a link in the post, though: it obviously isn’t original ;)

    0
  43. 43

    I’d just like to also confirm that this breaks terribly in IE6. Otherwise, it’s nice.

    0
  44. 44

    @John Mills It doesn’t look anything like yours other than the fact that it has a matrix of thumbnails on the page. How different can a collection of thumbnails really be?

    0
  45. 45

    @Artur Kim

    Yes you’re totally right! I’m so sorry for my stupid question. Tnx for helping me out.

    0
  46. 46

    one hell of a theme. nice job guys!

    0
  47. 47

    Just recently we asked you to let us know….

    In this the asked link is mismatched…..
    so change it! :)

    0
  48. 48

    linklerde sorun var galiba :S

    0
  49. 49

    elcodigodebarras

    May 4, 2009 11:41 am

    What can I say… it´s really delicious !

    Thanks for sharing this beautiful gift.

    0
  50. 50

    @Chris Wallace

    Thanks for mentioning CardObserver.com as a main source of inspiration in your comment, but a link in the post would have been really awesome! :)

    0

↑ Back to top