Kelmond Gallery script

Imagine if you could publish your own artwork gallery in less than 5 minutes.
With Kelmond Gallery, you can!

  1. set your e-mail address for the contact form
  2. upload the Kelmond Gallery script to you server
  3. upload your pictures
  4. It’s done!

Imagine you could spend your time creating instead of wasting it on your website maintenance.

With Kelmond Gallery, it’s possible!

The main goal behind developing this photo gallery (yes… yet another one) is to make it extremely easy to showcase your artwork online in an elegant way, with no required technical knowledge.
You probably prefer spending your time creating rather than adjusting settings for each uploaded picture before it is finally published.

Thanks to Kelmond Gallery, the ONLY thing you need to do to add new pictures to your gallery is to upload them to your server (using FTP or your hosting provider’s control panel) and they are automatically and immediately displayed to your visitors. Folders names are used as category/collections titles and the folder structure is respected in your gallery, with as many levels of sub-folders (i.e. sub-categories) as you wish.
Now, grab your camera and go take some pictures!
Or… keep reading below to learn more about the Kelmond Gallery script.

Screenshots

categories

categories

contact form

contact form

pictures with the Masonry layout

pictures with the Masonry layout

single picture on a large screen

single picture on a large screen

single picture on a small screen

single picture on a small screen

Main features

  • The folders hierarchy of your pictures represents the categories as shown in the photo gallery, without limit to the number of levels of categories.
  • Add, move, rename and delete pictures (or whole folders) without having to go through time-consuming maintenance of your online gallery.
  • There are a few easy settings to customize the website in no time. For instance, you can choose whether the title, caption and/or keywords form the image’s IPTC metadata should be displayed on the single picture page.
  • All of the interface text is located in a single, easy to edit, text file.
  • For more advanced users, the whole design can be modified through CSS
  • Add links to your social media accounts (currently supported: 500px, Blogger, DeviantArt, digg, Dribble, Evernote, Facebook, Forrst, Instagram, LinkedIn, National Geographic, Pinterest, reddit, StumbleUpon, tumblr, Twitter, Vimeo, VK and YouTube).
  • SEO- and user-friendly URLs. For instance, the following folder structure:
    pictures (gallery root)
        travel
            England
                001.jpg
                002.jpg
            France
                Paris_1.jpg

    will result in URLs such as:

    http://domain_name/gallery/category/travel/France (category page)
    http://domain_name/gallery/category/travel/England/picture/001.jpg (single picture page)

Get Kelmond Gallery now for free

Please provide your name and e-mail address and a download link will be sent to you immediately.
I respect your privacy as much as mine, and will NEVER share your contact information.

* indicates required field
Kelmond Gallery script is free to download and use, but keep in mind that it does take a lot of time to develop, so if you find it useful and feel it is making it easier to showcase your artwork, please show your appreciation and help support future development by making today a donation securely through PayPal.
Thank you!

Settings

All customizable settings are located in the config.php file (in the _assets folder). The only setting that must absolutely be set is the e-mail address to which the comments made through the contact form will be sent.

All of the other settings can be modified to suit your needs, but leaving them as-is won’t prevent your online gallery from working.

Here is a list of some of those settings:

  • Path to the images folder. It can, and should, be above your public folder, so they can’t be accessed from outside of your gallery.
  • Path to the categories thumbnails (by default, they must be JPG files). Each thumbnail must be named exactly as the folder it represents (i.e. if you have a folder named ‘travel’, you must have a thumbnail named ‘travel.jpg’, or the whole category will be hidden).
  • Website title, which will be displayed as window/tab title.
  • Gallery title, which (if set) appears at the top of each page. It can be set to link back to the gallery homepage
  • Name to be displayed in the copyright notice, instead of the default text (the domain name)
  • Supported image formats. By default: JPG/JPEG, TIF, GIF, PNG
  • Extension of the (optional) category thumbnail images. By default: JPG
  • External links and social network accounts. They can be individually shown/hidden. The currently supported sites (with their respective logos), are 500px, Blogger, DeviantArt, digg, Dribble, Evernote, Facebook, Forrst, Instagram, LinkedIn, National Geographic, Pinterest, reddit, StumbleUpon, tumblr, Twitter, Vimeo, VK and YouTube.
    Additionally, there is an RSS icon, a ‘mail’ icon, that could be linked to the contact form or ‘mailto:some_email_address’, and a generic ‘share’ icon, which can be used with any external site for which no custom icon is currently available.
  • Show/hide the ‘home’ link in the main menu. Hidden by default.
  • Show/hide the ‘home’ link in the categories “breadcrumb” navigation. Shown by default. This whole navigation is shown only when the user clicks on categories/pictures.
  • Styles for the 4 types of gallery pages:
    • ‘categories’ only: by default, the thumbnails are shown in a grid.
    • ‘pictures’ only: by default the thumbnails are shown in a ‘wall’, without empty space.
    • ‘mixed’ (there are categories and pictures on the same page): by default, the thumbnails are show in a grid
    • ‘single’ pictures are grouped in those types (useful for CSS styles):
      • portrait (i.e. vertical)
      • landscape (i.e. horizontal)
      • square: by default, images are considered ‘square’ for CSS styling purpose if the width and height are within 10% of one another. That ratio can be adjusted.
      • panorama: by default, images are considered ‘panorama’ for CSS styling purpose if the width is at least twice the height. That ratio can be adjusted.

    While the orientation is set automatically, you can force a specific format by changing the proportion settings. For instance, setting a very high number for the panorama ratio will in effect set all the horizontal images simply as landscape.

If you don’t currently have a webhosting plan or are not entirely satisfied with yours, I wholeheartedly recommend BlueHost 

Change log

  • version 1.3.1
    • Minor corrections to the CSS styles for small screens (smartphones and tablets)
  • version 1.3
    • Added: Links to your social network accounts, with two sizes of icons available
    • Added: Shuffle the order of images, so they are not shown in series depending on file names (can be turned on/off for categories and pictures).
    • Masonry layout: Panoramic pictures automatically assigned two-column width (based on the height/width ratio in the config file).
    • Categories: If no category pictures is provided for a specific folder, the first image in that folder is used.
    • Minor improvements to the CSS styles, including limiting the height of a picture on the ‘single’ page so the whole image is contained within the window.
  • version 1.2
    • Added: Display pictures thumbnails using the Masonry grid layout library
    • Added: Categories ‘breadcrumb’ navigation visible for medium/large screens (can be turned on/off).
    • Added: Single pictures can be displayed with a frame-style border (can be turned on/off).
    • Categories: The names of the folders are now displayed as the category names.
    • Contact form: A secret key (random string) is used to check that the form is filled on the website, so messages cannot be sent remotely by spammers.
    • Minor improvements to CSS styles for single pictures.
  • version 1.1
    • Added: Bootstrap framework support, for improved layout on different devices and screen sizes.
    • Added: Support for IPTC metadata
      • title/headline (can be turned on/off)
      • caption (can be turned on/off)
      • keywords (can be turned on/off)
    • Added: classes assigned depending on the image proportion (portrait, landscape/panorama, square), useful for CSS styles customization.
    • Minor improvements to layout and CSS styles for very large screens.

elank