Photosets (Albums)

Displaying all Photosets (Albums) (🔗)

Flickr Photosets (or Albums) in Photonic can be viewed by the following short-code usage:

[gallery type='flickr' user_id='abc' view='photosets']

The above displays all Photosets for the user. It does the following:

  1. Displays thumbnails of each of the Photosets for the user, with options to turn off the title and photo-count display.
  2. Each Photoset’s thumbnail can be clicked to launch a slideshow for that Photoset.

The following is an example displaying all of my Photosets:

All Photos in a Photoset (Album) (🔗)

With a simple tweak of the short-code invocation you can make this display a single Photoset:

[gallery type='flickr' photoset_id='xyz']

You don’t need the user id here, and if you are providing the user id, make sure that the Photoset id exists for the user.

You can see the usage here, where I have displayed 10 photos (count=10) of a Photoset from me with circular thumbnails (layout='circle'). Since I am displaying only 10 photos, I can opt to exclude the photoset header by setting headers='':

[gallery type='flickr' photoset_id='72157669489412727' layout='circle' count='10' headers='']

The headers parameter accepts a comma-separated list containing thumbnail, title and counter in any order. This setting overrides whatever you have defined in the back-end for the header display.

A Filtered List of Photosets (Albums) (🔗)

What if you wanted to display a single photoset, but not show the photos inside? In other words, what if you only wanted to show a single thumbnail for the album? You can use the filter attribute for this. Using filter requires you to pass both, user_id and view. The filter attribute can have a comma-separated list of album ids e.g. filter='abc,xyz':

The above has been generated using the following shortcode. I have 3 albums, and this pulls 2 of them:

[gallery type='flickr' user_id='35553131@N07' view='photosets' filter='72157673702613223,72157677595740225' layout='random']

What if I wanted to display every album except the two above? I simply add another parameter to my shortcode, filter_type='exclude':

[gallery type='flickr' user_id='35553131@N07' view='photosets' filter='72157673702613223,72157677595740225' layout='random' filter_type='exclude']

By default filter_type is set to include.

Videos (🔗)

What if you had some videos in the mix? Photonic can handle that too. I have the philosophy that Photonic is meant for photos, not videos, because Photonic’s primary goal is to assist in making photos easily and beautifully presented for photographers using WordPress. In fact most online photo services deprioritize videos with the same philosophy, and some services don’t even have videos! At the time of writing doesn’t have videos, and guess what? Native WordPress galleries don’t support videos! That being said, people often use photo services to share personal videos with family, and so, with effect from version 1.66 of Photonic, videos are supported.

Videos are turned off by default for each provider. For Flickr the setting is under Photonic → Settings → Flickr → Flickr Settings → Media to show. Regardless of this setting, you can explicitly pass the media parameter to your shortcode. This parameter takes values photos (to show photos only), videos (to show videos only) and all (to show both photos and videos). I have videos turned off on my website, so I will use the media parameter to show videos from my account:

[gallery type='flickr' photoset_id='72157673702613223' count=30 view='photos' layout='random' media='all' headers='']

The above shows the following, with videos included:

Note that lightboxes have notoriously flaky support for externally hosted videos. Please refer to the lightboxes page to see which ones can be used.

Videos can be incorporated into any layout.

“Show More” and Paged Results (🔗)

If a photoset has a lot of photos and you want to reduce the count, Photonic offers a couple of approaches:

  1. For Flickr, use the count attribute and add an additional tag, more. This will initially show you the number of photos specified in count, and a button to load more images. Upon clicking the button you will see an additional set of photos as limited by count. The button will continue to show until you have exhausted the entire set of photos.
  2. Photonic can be used in conjunction with <!-- nextpage --> to display photos in a paged manner. For this you can structure your page content thus in the WP Editor:
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc porta enim vel tellus dignissim, a venenatis neque congue. Nunc ornare cursus leo ac viverra. Pellentesque suscipit pulvinar metus, non aliquam odio egestas quis. Vestibulum porta viverra magna, vel malesuada ante fermentum vitae.
    [gallery type='flickr' photoset_id='72157625600954257' layout='circle' count='100' page=1]
    <!-- nextpage -->
    [gallery type='flickr' photoset_id='72157625600954257' layout='circle' count='100' page=2]
    <!-- nextpage -->
    [gallery type='flickr' photoset_id='72157625600954257' layout='circle' count='100' page=3]

Here is an example using the first approach. The text you provide to the more parameter controls what is shown in the button:

[gallery type='flickr' photoset_id='72157669489412727' layout='circle' count='20' more='Show More']