Adding & Editing Albums (Photo/Video Albums)

“Photo Albums” allow to gather images and videos. Read on how to fill-in “video URL” field here.

To create an album, navigate to “WP-admin > Photo Albums > Add new Album”. Album editing interface is similar to Portfolio Project. Apart from, header options and widgetized areas, Albums adding/editing interface has 2 auxiliary boxes called “Add/Edit Media” (fig. 1) and “Album Options” (fig. 2).

Add/Edit Media box is 100% identical to “Add/Edit slides” box in slideshows (please refer to this article for details).

Fig. 1. Add/Edit Media.

Fig. 1. Add/Edit Media.

Fig. 2. Album options.

Fig. 2. Album options.

Album Options. Here you can:

  1. Select an album page for the “Back button”.
  2. Choose how your album will open from albums list: in a lightbox or on a separate album page.
  3. Select a layout for displaying images: slideshow, gallery, list, photo scroller, masonry or grid.
  4. Decide if you want to display text content.

Depending on a chosen layout, you get a set of options for configuring this layout. For example, Slideshow (fig. 3.1) or Gallery (fig. 3.2).

Slideshow

Fig. 2-1. Show media as: Slideshow.

Fig. 3.1. Show media as: Slideshow.

Gallery

Fig. 2-2. Show media as: Gallery.

Fig. 3.2. Show media as: Gallery.

“Show media as: Gallery” allows you to display the media in form of fancy metro-style gallery. You can choose desired number of columns and Make first image x2 large.

List

Fig. 2-3. Show media as: List.

Fig. 3.3. Show media as: List.

Show media as: List. Choosing this option will display your images as boring list of images; there’s even no additional option here 🙂

Photo Scroller

Fig. 2-4. Show media as: Photo Scroller.

Fig. 3.4. Show media as: Photo Scroller.

Show media as: Photo Scroller. Basically this is the same Photo Scroller as you see in the “Page Header Options > Photo Scroller“. You have same set of options here:

  • In the multi-select (or checkbox group) box called “Slideshow(s)” you can specify which slideshows from corresponding post type will be shown on this page. Note that if you will not select any slideshow, all of them will be displayed on this page.
  • Layout: fullscreen slideshow (will hide text area) or fullscreen slideshow + text area.
  • Background under slideshow.
  • Show/hide pixel overlay. Pixel overlay is handy if you are uploading images with relatively low resolution – it will mask upscaling artifacts.
  • Top padding.
  • Bottom padding.
  • Side paddings (paddings between slides).
  • Inactive slides opacity.
  • Thumbnail stripe. You can hide/show it by default or disable it altogether.
  • Thumbnails width and height.
  • Set autoplay default state: playing or paused.
  • Autoplay speed (interval).
  • 2 set of settings for landscape and portrait images: min and max width, filling mode (fit or fill) for desktops and mobile devices.