Menu Search
Jump to the content X
X

Download “Gallery”: A Free WordPress Theme

Advertisement

Just recently we asked 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 Wallace 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 Wallace especially for Smashing Magazine and its readers. It is extremely flexible and can be used as a starting point for design galleries and portfolios.

Screenshot

This theme can be seen in action on MixCSS.com, 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 feed or check out the live site, 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.

Screenshot

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-PostRatings, BuySellAds plugin, and Contact Form 7.

Screenshot

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."

Screenshot

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

Screenshot

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

Screenshot

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 version of Thematic.
  2. Download the latest version 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 plugin 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

Screenshot

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!

Smashing Book #5

Hold on tiger! Thank you for reading the article. Did you know that we also publish printed books and run friendly conferences – crafted for pros like you? For example, Smashing Book 5, packed with smart responsive design patterns and techniques.

↑ 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

↑ Back to top