Adding & Editing Albums (Photo/Video Albums)

[Before diving into Photo Albums we strongly recommend you to get accustomed with Portfolio and Slideshows]

First thing you need to note is that these are not just “Photo Albums”, they are rather “Media albums”. Because apart from photos you can upload videos to them. Therefore for convenience sake lets just call them “Albums”.

To create an album navigate to “WP-admin > Photo Albums > Add new”. Album adding/editing interface is similar to Portfolio Project. In addition to all standard stuff like header options and widgetized areas, Albums adding/editing interface has 2 auxiliary boxes called “Add/Edit Media” and “Album Options” (figures 1 – 2).

Fig. 1. Add/Edit Media.

Fig. 1. Add/Edit Media.

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

Album Options. Here you can:

1. Choose how your album will open from albums list: in a lightbox or on a separate album page.

2. Exclude featured image from being shown in the album.

3. Select album preview width: normal and wide (same as with portfolio and blog).

4. Here things are getting a bit complicated: despite of what you’ve chosen in “Open album” option, under the hood Album is still a WordPress post. This means that it always have its own dedicated permalink and “single post page”. Therefore “Show media as” setting allows you to have 4 different album page appearances:

Slideshow

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

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

If you choose “Show media as: Slideshow“, all media from the album will appear as a slideshow. You have option to set slideshow proportions.

Gallery

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

Fig. 2-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. 2-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. 2-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.

 

Attention! As you probably already noticed, this Albums adding/editing interface allows you to set up “strange” layouts where you have a Photo Scroller in header and then another Photo Scroller in Album page body. Needless to say that such layouts will not work nicely. In other words “temptation of the Dark Side is strong, so use the Force wisely” :)