Web photo gallery templates customization

New version of Extreme Thumbnail Generator - web photo gallery software with built-in templates and photo editing tools - was released today. It offers more template customization options for all users. New features allow adding custom attributes to the image and link HTML tags generated by the program.

Click here to download the latest version of web photo gallery software with customizable templates

How does the web photo gallery template customization work

Extreme Thumbnail Generator offers two ways of gallery template customization: modification of the template's HTML code and modification of the default gallery settings. Both ways are available in the program's built-in template editor.

Web photo gallery template editor

In Extreme Thumbnail Generator web photo gallery templates consist of four parts:

  • Thumbnails pages template - contains HTML code of the thumbnails gallery pages. Every gallery can have one or more thumbnails pages, but all of them will be generated using the HTML code of this template. So if you customize the text of the thumbnails pages template you customize all thumbnails pages of the gallery.

  • Template of the thumbnails pages' navigation menu - contains HTML code of the menu used to navigate between thumbnails pages. Usually this menu has arrow images or simple text with links to the next, previous, first and last thumbnails page of the gallery. Optionally can have a custom link (usually used to return to the main page of the site or to the gallery index page). You can place the navigation menu anywhere on the thumbnails page. To do it simply add the [#thumbspage.menubar#] special tag to the HTML code of the thumbnails pages template.

  • Full-size image pages template - contains HTML code of the pages with full-size images. Image pages are created for every image in the gallery or not created at all if you choose to link your thumbnails directly to the full-size images.

  • Template of the full-size image pages' navigation menu - contains HTML code of the menu used to navigate between image pages of the gallery or return to the corresponding thumbnails page. Optionally can have a custom link (usually used to return to the main page of the site or to the gallery index page). Navigation menu can be placed anywhere within the image page using the [#imagepage.menubar#] special tag.

Customization of the HTML code of the above web photo gallery template parts can dramatically change the way the generated gallery will look like. You can easily modify the template so that it will look exactly like the rest of your website pages, for example.

Another way to customize your web photo galleries in Extreme Thumbnail Generator is to change the default gallery settings. The Default settings section of the built-in template editor allows you to modify every gallery option starting with the size of the thumbnails and re-sized full-size images and up to setting the default Author and Copyright meta tags.

Web photo gallery template editor. Default settings.

And this is where the new features were added. The latest version of Extreme Thumbnail Generator allows users to add custom attributes to the image and link tags of the gallery. For example, you want to add a title attribute to the thumbnail image tag. And you want this title to show the image number and short image description. It's easy!

You open the built-in template editor and select the Default settings section. By default, the Thumbnails tab is open. At the very top of this tab there is a Thumbnail images section where you can change the default thumbnail images width, height, border size and color. Also there is a new edit field called Additional attributes of the image tag. This is where you can specify your custom title attribute for the thumbnail images. Text from this edit field will appear inside the <img...> tag, before the > for every thumbnail in the gallery.

Now, to add an image number with a short image description to the text of the title attribute you can write the following text into the edit field:

title="Image number: [#image.index#], Short description: [#image.short_description#]"

That's it! Now every <img...> tag which shows the thumbnail image will have a unique title attribute text.

You can also add custom attributes to the link tags <a href=...> of the thumbnail images, to the <img...> tag of the full-size images and to the optional link tags under the full-size images.

Share |