Displaying Albums

[Please learn what’s the difference between “Albums” and “Galleries” page templates first.]

You can make any page display Albums by assigning it the “Albums – masonry & grid” or “Albums – justified grid” page template.


Albums – masonry & grid

As soon as you assign this template to a page (via page adding/editing interface), you’ll notice 3 additional boxes appear: Content Area Options, Albums Options and Display Media Albums (“Display Photo & Video Albums” in some themes) (fig. 1).

Fig. 1. Displaying media albums.

Fig. 1. Displaying media albums.

Content Area Options box defines whether content added via Text Editor will be displayed on this page:

  • “no” will hide page content;
  • “first page” option will show content only on the first page of paginated content;
  • “all pages” will display content from Text Editor on every page of paginated content (when user clicks the pagination links).

Albums Options box determines the appearance of your media albums page. Here you can:

  • Switch between masonry and grid layouts.
    Choosing “grid” option will make all albums cells in a single row the same height. This makes layout visually more accurate, but wastes page space if albums covers have different height.
  • Define the maximal number of columns in masonry/grid layout.
    Why “maximal”? Because decreasing your browsers window width will cause albums to reorder and collapse to single-column layout. This helps page content to remain readable on hand-held devices.
  • Specify the way albums descriptions are being displayed: under featured images (albums covers) or as overlays on featured images (on mouse hover or tap on touchscreen).
  • “Make all albums the same width” option will overwrite the “album width” setting from album adding/editing interface and make all albums precisely the same width.
  • Define whether to preserve featured images proportions or resize them to certain proportions.
  • Set the number of albums to display on one page.
  • In “Advanced settings” section you can select various ordering and appearance options.

Display Media Albums (“Display Photo & Video Albums” in some themes) box. By default all your Albums will be displayed on this page. But you can specify which Album(s) or Album category(s) will (or will not) be shown. In tabs inside this box you can select from the following options:

All — all Albums will be shown on this page.
Only — choose Album(s) or Album Category(s) to be shown on this page.
All, except — choose which Album(s) or Album category(s) will be excluded from displaying on this page.

Note that you can select individual albums or whole categories by switching the “arrange by” selector (fig. 2.):

Fig. 2. Arrange by selector.

Fig. 2. Arrange by selector.


Albums – justified grid

Settings of this page template are similar to previous. “Layout”, “Number of columns”, “Show albums descriptions” and “Make all albums the same width” options are missing. However there are couple of additional fields (fig. 3.):

Fig. 3. Albums - justified grid.

Fig. 3. Albums – justified grid.

“Image paddings (px)” defines paddings of each image. Therefore gaps between images equals doubled paddings. E.g. 5px paddings will five you 10px gaps between images.

“Row target height (px)” This setting defines ideal row height. Real row height will always be slightly bigger / smaller.

“100% width”. When enabled this option will make your albums fill 100% of site width. Looks best on “wide” sites (though it will look just fine on “boxed” site).

“Hide last row if there’s not enough images to fill it”. Name speaks for itself. Note that this setting looks best with relatively big number of albums per page.
Attention! If you have super-wide screen, set small “Target row height” and number of albums to show, there’s a possibility that images will not fill even one row and therefore nothing will be shown!