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

    Thank you very much.

    but please : How i can add “DOWNLOADED TIMES”, i mean like this: ( Downloaded 301 Times ).

    Thank you.

    0
  2. 402

    define(‘THEMATIC_COMPATIBLE_BODY_CLASS’, true);
    define(‘THEMATIC_COMPATIBLE_POST_CLASS’, true);
    define(‘THEMATIC_COMPATIBLE_COMMENT_FORM’, true);
    define(‘THEMATIC_COMPATIBLE_FEEDLINKS’, true);

    use ” instead of ‘ . Place the above in Theme Functions/function.php, in the beggining of the file.

    it works like a charm ;-)

    2
  3. 803

    Anyone know how to customize something similar to this on the regular WP.com account? I already have a host and blogger. Just joined WP to play around with the features and see if I like it better or not. This is the exact setup I’m looking for, but WP won’t let me upload themes unless I pay for a hosting service?!?!?!?! Any thoughts on how to achieve a similar look in regular WP.com? If not, a similar look in BLOGGER (doubtful). :)

    Please let me know. Thank you!!!!!! :)

    -1
  4. 1204

    I’m having difficulty with the categories menu. It seems I can only make so many sub-categories before previous entries disappear or get strangely repositioned in the menu bar. Anyone else having this issue or did I mess something up while customizing?

    0
    • 1605

      Yes, I am having this problem. I have a small textures website at terrifictextures.com. Have many categories/subcategories but not all of them show up.

      0
  5. 2006

    Does someone want to make some quick money helping me get this Gallery theme installed on my server? I am having way too many problems and I really love this theme.

    email me at ashxie at gmail dot com

    0
  6. 2407

    A lot of questions were pose on subjects ” video “, but the single person answered:
    Simon Wells
    September 10th, 2009 2:47 am
    @Roby, what PSD? what are you trying to modify?
    @Jonathan. Go to Media Settings and adjust the values for the thumbnail, medium and large image sizes.
    @Narley Fabricio, in a new post, scroll down to the Post Video Options. You can enter video URL, dimensions and embeded code.
    @Matt, try taking a look style.css, for #page-nav li a the default colour is #BBBBBB, visiteda:visited {color:#FFFFFF; and for hover a:hover { color: #ddd
    @Judi, there are plenty of Captchas available, search via Add New Plugin in WordPress Admin.
    I don’t see fields which refers has the url of a video or whatever. I have only the 4 classical fields as pictures. Somebody would know about it a little more and can help us?
    Sorry for my poor language, i’m french…

    0
  7. 2808

    Allright i got it!!!
    For get the news custom fields about a video post, you must get the plug in :
    – Simple Video Embedder
    and see these famous fields in the bottom of admin post page.

    0
  8. 3209

    first of all thanks for it !.. ı uploaded it ! but ı guees thre is a problem about it ! because it s broken ! can you help me pls !..

    0
  9. 3610

    @Cjk u saved ma day buddy!!! thanks a lottt…. :)

    0
  10. 4011

    I cannot get this theme to work, and I really need it. Can someone possibly take a look see what I’m doing wrong or help me with it?

    bigboobieflesh.com/gallery

    0
  11. 4412

    Hi there, thanks for the great theme. But, I can’t get it working properly. It doesn’t show up in perfect rows and columns. Please help. My website if you want to have a look.. coobler.com

    Any help would be appreciated. Thanks.

    0
  12. 4813

    Thank you.

    Thank you WordPress for the CMS.
    Thank you ThemeShaper for Thematic.
    Thank you Chris for Gallery.
    Thank you Smashing Magazine for the how-to.
    Thank you community for your support.

    And finally, I would like to thank mom…
    Oh, wait… nevermind.

    -2
  13. 5214

    Hi

    Love the theme but cant get it to show thumbnails on the home page…can someone plz help me with this?

    0
  14. 5615

    Thanks for the great theme but i’m having difficulty uploading it
    It tells me that “The parent theme is missing. Please install the “thematic” parent theme”
    I’m not sure what it means

    0
  15. 6016

    Wahyu Setyo Budi

    March 12, 2011 7:03 am

    Hi all. can anyone help me about this theme.

    http://hostingmagz.com/how-to-make/how-to-make-origami-crane

    this is the link. I have a problem. as you can see there is a gap/space between the image and the article. can you help me to enlarge the article width to fill the blank space..

    pleaseee help me…

    0
  16. 6417

    http://themeshaper.com/ is where you are taken to download the latest version via link above, you can’t download it from there. Go to the theme web site and it’s not a free theme it’s $50.00. You might want to advise folks this is no longer a free theme…..

    1
  17. 6818

    Wow, great collection! I will be using foreword thinking, It works pretty good so far. Its worth the money! i wass thinking of findin someoane to program a blog for me but it seems easyer to use one of these. they look verry nice and simple.

    Will these themes work on my blog perfectly?

    0
  18. 7219

    I installed this theme and it logged me out of the admin area. It also won’t let me log back in. Anyone else have this problem? How do you fix this?

    0
  19. 7620

    I wanted to know how to make the gallery display Category “thumbnails” on the main page, instead of recent posts.

    0
  20. 8021

    For anyone still having problems with the theme, I pulled the repository of thematic and updated it to version 0.9.5.

    If you still need it, I uploaded it on my site. Here’s the link: http://lmutafov.com/source/thematic.zip

    If anyone wants to mirror it too, don’t hesitate to. :)
    Also, you will notice there’s a .svn folder in there. That’s Subversion’s version-control folder. It will help you if you want to update to another revision/version, but first you will need to have TortoiseSVN, or an alternative to it first. Of course, when you’re uploading it to your wordpress website, you’re free to delete it.

    And last, you will notice how WordPress will instantly notice you about an update, when you upload it. It will tell you to download the latest thematic version, which wouldn’t be what you want exactly, since you’ve down-graded to this one. Just putting it out there, so you don’t go and press the button without thinking or reading, as soon as you see “Update”. :D

    4
  21. 8422

    I found a way to fix the footer dark background !
    go to the theme css editor on the admin pannel, and search for it:

    #footer{
    margin-top: 0;
    height: 30px;
    padding: 20px 0;

    change the height to w.e you want, i made it 440, but you can try 100%, idk, i suck with coding. good luck guys, great theme!

    0
  22. 8823

    “The plugin does not have a valid header.”

    Installation should look like the above phrase.
    WordPress 3.2 is being used.

    I would like to know what the reason is.

    0
  23. 9224

    I love this theme, but I made some changes and now the thumbnail rollovers don’t work where the name appears below the image. Has anyone run into this before?
    Thanks!!

    0
  24. 9625

    Hi i have installed the theme for one of my blogs thetree.in and i am having issues with the menu… in the header section… the menu is not coming in a horizontal fashion? has anyone had this problem,,,

    Also sometimes when i try accessing the site on a browser i get the below error:

    Warning: require_once(/home/thetre23/public_html/wp-content/themes/thematic/library/extensions/comments-extensions.php) [function.require-once]: failed to open stream: No such file or directory in /home/thetre23/public_html/wp-content/themes/thematic/functions.php on line 47

    Fatal error: require_once() [function.require]: Failed opening required ‘/home/thetre23/public_html/wp-content/themes/thematic/library/extensions/comments-extensions.php’ (include_path=’.:/usr/lib/php:/usr/local/lib/php’) in /home/thetre23/public_html/wp-content/themes/thematic/functions.php on line 47

    0
  25. 10026

    Hi,

    ty for the theme, i use it for my job, but i have a big problem with the articles. When i want change an old one, nothing appear on the article box (the text is white and in html mode, while i’m not on html mode)..so i’m very embarrassed…. i can’t modify any of them :(( Heeelllp meee please

    0
  26. 10427

    when i get to my page a popup comes out asking for the ftp password and if you dont enter the pass the images are not displayed,

    what can i do?

    0
  27. 10828

    Rory | Logo Designer

    December 6, 2011 12:17 am

    I’m using this on as my portfolio and the theme works great! Displays all my work from Logos to Websites… bring on the new job now hehe

    0
  28. 11229

    Hello, I try to use this theme but the logo icon show twice. Please is there anybody who can help me to solve it?

    1
  29. 11630

    Thank you for sharing your thoughts. For your photos and images, I’d like to share this one I’m using lately http://wordpress.org/plugins/iframe-embed-for-momentme/. Embeds a photo gallery with a 360° view, providing you with a multi-point-of-view experience and its free.

    0
  30. 12031

    Mehreen Ali Syed

    April 22, 2014 6:01 am

    nice themes, i m using one theme on my site dailynewscompany.com its great i suggest you to this theme.

    0
  31. 12432

    How to add i video? I don’t have Post Video Options.

    0
  32. 12833

    ….someone didn’t read directions.

    0
  33. 13234

    thanks a lot.

    0

↑ Back to top