\u201cPhoto Albums\u201d allow to gather images and videos. Read on how to fill-in \u201cvideo URL\u201d field here<\/a>\u00a0\u2013 fig. 2.<\/p>\n

$\"Fig.$ <\/a><\/p>\n

Fig. 1. Add\/Edit Media.<\/p>\n<\/div>\n

Add\/Edit Media<\/strong> box is 100% identical to \u201cAdd\/Edit slides\u201d box in slideshows (please refer to this article<\/a> for details).<\/p>\n

$\"Fig.$ <\/a><\/p>\n
Fig. 2. Album options.<\/p>\n<\/div>\n
Album Options.<\/strong> Here you can:<\/p>\n
\n
select an album page for the \u201cBack button\u201d (more info is available\u00a0 here<\/a>);<\/li>\n
choose how your album will be opened from albums list: in a lightbox or on a separate album page;<\/li>\n
select a layout for displaying images: slideshow, gallery, list, photo scroller, masonry or grid;<\/li>\n
decide if you want to exclude featured image from the album (i.e. use that photo only as an album cover);<\/li>\n
decide if you want to display text content.<\/li>\n<\/ul>\n
Depending on a chosen layout, you get a set of options for configuring this layout. For example, Slideshow (fig. 3) or Gallery (fig. 4).<\/p>\n
Slideshow<\/h3>\n
$\"Fig.$ <\/a><\/p>\n
$\"Fig.$ <\/a><\/p>\n
Fig. 3. Display media as a slideshow.<\/p>\n<\/div>\n
The only specific option in this case (fig. 3) is slider proportions.<\/p>\n
Gallery<\/h3>\n
$\"\"$ <\/a><\/p>\n
$\"Fig.$ <\/a><\/p>\n
Fig. 4. Display media as a gallery.<\/p>\n<\/div>\n
\u201cShow media as: Gallery<\/strong>\u201d allows you to display the media in form of fancy metro-style gallery<\/a>. You can choose desired number of columns and make first image x2 large.<\/p>\n
List<\/h3>\n
$\"\"$ <\/a><\/p>\n
$\"Fig.$ <\/a><\/p>\n
Fig. 5. Display media as a list.<\/p>\n<\/div>\n
Show media as: List\u00a0<\/strong>(fig. 5). Choosing this option will display your images as boring list of images; there\u2019s even no additional option here ?<\/p>\n
Photo Scroller<\/h3>\n $\"\"$ <\/a><\/p>\n
$\"Fig.$ <\/a><\/p>\n
Fig. 6. Display media as PhotoScroller.<\/p>\n<\/div>\n
Show media as: Photo Scroller<\/strong>. Basically this is the same Photo Scroller as you see in the \u201cPage Header Options > Photo Scroller<\/a>\u201c. You have same set of options here:<\/p>\n
\n
layout: fullscreen slideshow (will hide text area) or\u00a0fullscreen slideshow + text area;<\/li>\n
background behind the slider;<\/li>\n
show\/hide pixel overlay.<\/li>\n
padding;<\/li>\n
inactive slides opacity;<\/li>\n
thumbnail stripe. You can hide\/show it by default or disable it altogether;<\/li>\n
thumbnails width and height;<\/li>\n
specify slider default state: playing or paused;<\/li>\n
autoplay speed (interval);<\/li>\n
2 blocks of settings for landscape and portrait images: min and max width, filling mode (fit or fill) for desktops and mobile devices.<\/li>\n<\/ul>\n
Masonry & Grid<\/h3>\n
$\"\"$ <\/a><\/p>\n
$\"Fig.$ <\/a><\/p>\n
Fig. 7. Display media as Masonry layout.<\/p>\n<\/div>\n
Basically, this is the same layout as you see in the \u201cBlog Masonry & Grid\u201d element<\/a>. You have almost the same set of options here:<\/p>\n
\n
choose Masonry or Grid layout;<\/li>\n
specify how many images to display per page;<\/li>\n
specify the\u00a0gap between images and\u00a0column minimum width;<\/li>\n
set\u00a0desired columns number;<\/li>\n
make this gallery 100% browser wide;<\/li>\n
decide whether to resize images or not;<\/li>\n
select loading animation effect.<\/li>\n<\/ul>\n
Justified Grid<\/h2>\n
$\"\"$ <\/a><\/p>\n
$\"Fig.$ <\/a><\/p>\n
Fig. 8. Display media as Justified Grid layout.<\/p>\n<\/div>\n
This layout looks like \u201cPortfolio Justified Grid\u201d element<\/a>. The only specific settings it has are:<\/p>\n
\n
gap between images;<\/li>\n
row target height;<\/li>\n
make this gallery 100% browser wide;<\/li>\n
hide last row if there\u2019s not enough images to fill it;<\/li>\n
decide whether to resize images or not;<\/li>\n
select loading animation effect.<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"
\u201cPhoto Albums\u201d allow to gather images and videos. Read on how to fill-in \u201cvideo URL\u201d field here\u00a0\u2013 fig. 2. To create an album, navigate to \u201cWP-admin > Photo Albums > Add new Album\u201d. Album editing interface is similar to Portfolio Project. Apart from, header options and widgetized areas, Albums adding\/editing interface has 2 auxiliary boxes…<\/p>\n","protected":false},"author":2,"featured_media":2312,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"categories":[16,9],"tags":[],"class_list":["post-2183","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-custom-post-types","category-user-guide","category-16","category-9","description-off"],"acf":[],"_links":{"self":[{"href":"https:\/\/the7kennisbank.nl\/en\/wp-json\/wp\/v2\/posts\/2183","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/the7kennisbank.nl\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/the7kennisbank.nl\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/the7kennisbank.nl\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/the7kennisbank.nl\/en\/wp-json\/wp\/v2\/comments?post=2183"}],"version-history":[{"count":4,"href":"https:\/\/the7kennisbank.nl\/en\/wp-json\/wp\/v2\/posts\/2183\/revisions"}],"predecessor-version":[{"id":2560,"href":"https:\/\/the7kennisbank.nl\/en\/wp-json\/wp\/v2\/posts\/2183\/revisions\/2560"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/the7kennisbank.nl\/en\/wp-json\/wp\/v2\/media\/2312"}],"wp:attachment":[{"href":"https:\/\/the7kennisbank.nl\/en\/wp-json\/wp\/v2\/media?parent=2183"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/the7kennisbank.nl\/en\/wp-json\/wp\/v2\/categories?post=2183"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/the7kennisbank.nl\/en\/wp-json\/wp\/v2\/tags?post=2183"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}