Managing Galleries

As gal­leries are at the core func­tion­al­i­ty of our Lens theme, we’ve pre­pared a straight­for­ward man­age­ment sys­tem, which will empow­er you to man­age and enhance your work through gal­leries, in no time. You can add new gal­leries from Gal­leries → Add New page.

All you have to do in order to enrich your gallery with images is to click on Add Image and a modal win­dow will show up (the Media Uploader). Here you can Drag & Drop images from your com­put­er or add already uploaded images to the gallery.

*Note: In the same modal win­dow, after adding images you can drag & drop them to change their order.

The gal­leries have a set of spe­cif­ic options that will allow you to con­trol the lay­out & style. The Tem­plate Style option will allow you to spec­i­fy whether your gallery will be a Grid Thumb­nails, Mason­ry Thumb­nails, Full Width Slid­er or a Full Screen Slid­er.

  • Grid Thumb­nails — will dis­play a grid with the images of your gallery.
    • Grid Thumb­nails Ori­en­ta­tion — Land­scape or Por­trait options to choose from, in order to dis­play your images dif­fer­ent ori­en­ta­tion;
    • Gallery title box — You can choose to dis­play the title on the gallery or not;
    • Exclude From Archives — Exclude the gallery from the gal­leries archives (main, cat­e­gories, etc).
  • Mason­ry Thumb­nails — will dis­play a gallery with mason­ry lay­out.
    • Gallery title box — You can choose to dis­play the title on the gallery or not;
    • Exclude From Archives — Exclude the gallery from the gal­leries archives (main, cat­e­gories, etc).
  • Full Width Slid­er or Full Screen Slid­er — will dis­play your images in a slideshow with or with­out the side­bar on the left side, depend­ing wether if you select Full Width or Full Screen type of gallery. Videos will be also shown direct­ly in the slid­er.
    • Image Scal­ing — Allows you to con­trol how we will lay­out the images in the giv­en screen space of the slid­er. The Fill option will stretch and crop your images to com­plete­ly fill the space. The Fit option will shrink your images the com­plete­ly fit in space with­out any crop­ping, but with emp­ty spaces. The Fit if Small­er option is made to keep your small images their orig­i­nal size, if the screen that is used to see the gallery is big­ger than the size of the image.
    • Show Near­by Images — Allows you to show the pre­vi­ous and the next image left and right of the main cen­ter image;
    • Slid­er Tran­si­tion — Allows you choose whether the slides will move or fade when going to the next or pre­vi­ous slide;
    • Slid­er Auto­play — Allows you to set the slid­er to auto­mat­i­cal­ly start when load­ing the page. Once acti­vat­ed you have the option of set­ting the Auto­play Delay Between Slides (in mil­lisec­onds);
    • Exclude From Archives.

Every image from a gallery can behave as a hold­er of a YouTube or Vimeo video.

From the edit gallery modal win­dow, when select­ing an image, an option­al Video URL input field will appear in the right side­bar. There you can paste a YouTube/Vimeo URL along with choos­ing if you want to Enable Video Auto­play option.

Note that image will open the video in a modal if is in a Gallery Grid or Mason­ry Tem­plate. If it’s in a slid­er, the video will be shown as a slide.

While you are still in the edit gallery modal, you should know that an image can also act as an exter­nal link. Which means that when you’ll click on the image it will open a new tab with the attached URL.

Well, this was a long one, right? Nonethe­less, this is the back­bone of Lens so we have put most of our effort into it. We hope you enjoy the tools we have devised to help you beau­ti­ful­ly show­case your awe­some cre­ations.

Addi­tion­al Read­ing:

This article applies to Border, and Lens as they share the same underlying structure.

Updated on May 3, 2017

Was this article helpful?