Daniel Menȝies

This plugin is meant primarily for theme developers.
This plugin allows to collect photos from the the Media Manager and arrange them into albums. 
These albums can be combined into galleries. 
Both albums and galleries can be added to a theme’s navigation menu.
Note that this plugin does not provide any CSS formatting and JavaScript for frontend presentation of galleries and albums. You have to format them yourself and integrate necessary JavaScript libraries, e.g Lightbox, yourself. This plugin merely gives a framework for gallery and album creation via custom post types and registration of designs for a frontend presentation.
If you found a bug or have any questions, complains or suggestions please feel free to contact me.
Theme Integration
You have to write post type template files for your theme in order for an album or gallery to work. 
This gives Theme developers the most control over a frontend presentation and users a convenient way to create galleries through the WordPress dashboard. 
If you install this plugin, create albums and galleries and include them into your theme’s menu, you will be disappointed, since nothing will happen.
<ol>
<li>Create two php files inside your theme’s directory: <code>single-photogallery.php</code> and <code>single-photoalbum.php</code>.
<ul>
<li><code>single-photogallery.php</code> gets called everytime a gallery is about to be viewed</li>
<li><code>single-photoalbum.php</code> gets called everytime a album is about to be viewed</li>
</ul>
</li>
<li>Now you have two options.
<ul>
<li>You can register a custom design inside your theme’s <code>function.php</code> via e.g <code>$kt_Photogallery->register_gallery_design()</code> and call <code>$kt_Photogallery->render()</code> at an appropriated place inside your <code>single-photogallery.php</code> to render it depending on the user’s choice.</li>
<li>You fetch albums, images and thumbnail details, and render consistent HTML for all albums and galleries.</li>
</ul>
</li>
<li>Refere to the PHP API section for further details on how to retrieve album IDs, image IDs and thumbnail details.</li>
</ol>
Example
A basic example for a custom gallery design
<pre><code># functions.php

$kt_Photogallery->register_gallery_design ('my_gallery_design', array(
 'label' => __('My Gallery Design', 'my-textdomain'),
 'icon' => 'dashicons-format-gallery',
 'title' => __('This is my custom gallery design', 'my-textdomain'),
 'render' => 'render_my_gallery_design'
));

$kt_Photogallery->register_album_design ('my_album_design', array(
 'label' => __('My Album Design', 'my-textdomain'),
 'icon' => 'dashicons-format-image',
 'title' => __('This is my custom album design', 'my-textdomain'),
 'render' => 'render_my_album_design'
));

function render_my_gallery_design ($post) {
 global $kt_Photogallery;
 $album_IDs = $kt_Photogallery->get_albums($post);
 if ($album_IDs) {
 foreach ($album_IDs as $album_ID) {
 $album_thumbnail = $kt_Photogallery->get_thumbnail_src($album_ID);
 echo '<a href="' . get_permalink($album_ID) . '">';
 if ($album_thumbnail) {
 echo '<img src="' . $album_thumbnail[0] . '" alt />';
 }
 echo '</a>';
 }
 } else {
 printf(__('The gallery %s does not contain any albums', 'my-textdomain'), esc_html($post->post_title));
 }
}

function render_my_album_design ($post) {
 global $kt_Photogallery;
 $image_IDs = $kt_Photogallery->get_images($post);
 if ($image_IDs) {
 foreach ($image_IDs as $image_ID) {
 $image = get_post($image_ID);
 if ($image) {
 $image_src = wp_get_attachment_image_src($image_ID, 'medium');
 if (!$image_src) {
 $image_src = wp_get_attachment_image_src($image_ID, 'full');
 }
 echo '<img src="' . $image_src[0] . '" alt />';
 }
 }
 } else {
 printf(__('The album %s does not contain any images', 'my-textdomain'), esc_html($post->post_title));
 }
}
</code></pre>
Basic integration into <a href="https://wordpress.org/themes/twentyfifteen" rel="ugc">Twenty Fifteen</a>:
<pre><code># single-photogallery.php or single-photoalbum.php
get_header();
?>
<div id="primary" class="content-area">
 <main id="main" class="site-main" role="main">
 <?php
 while (have_posts()) {
 the_post();
 ?>
 <article class="hentry">
 <header class="entry-header">
 <?php
 the_title('<h1 class="entry-title">', '</h1>');
 ?>
 </header>
 <div class="entry-content">
 <?php
 $kt_Photogallery->render();
 ?>
 </div>
 </article>
 <?php
 }
 ?>
 </main>
</div>
<?php
get_footer();
</code></pre>
Language & Translation
This plugin is in English (en_US) by default but comes with a German (de_DE) po-file. 
There is also a pot file containing untranslated strings so you can use it if you wish to translate this plugin. 
See also <a href="https://developer.wordpress.org/plugins/internationalization/localization/#using-localizations" rel="nofollow ugc">Using Localizations</a>. 
And especially <a href="http://www.cssigniter.com/ignite/wordpress-poedit-translation-secrets/" rel="nofollow ugc">WordPress – Poedit: Translation Secrets</a>.
If you want your translation included in the next version of Photogallery, don’t hesitate and let me know.
<ol>
<li>Get <a href="http://poedit.net" rel="nofollow ugc">Poedit</a>.</li>
<li>Open the the pot file with Poedit and translate it.</li>
<li>Save a copy as e.g <code>kt-photogallery-fr_FR.po</code> in <code>/wp-content/plugins/kt-photogallery/language</code>. The mo-file will be created automatically by Poedit if you ticked the checkbox in the preferences.</li>
</ol>
PHP API
I have included a number of functions for fetching album, image and thumbnail IDs associated with a gallery or album. 
Please note that all methods starting with an underscore are considered internal and are not documented here. Although some are publicly accessible you should not use them directly unless you know what you are doing.
You do not have to create a new kt_Photogallery instance, there is already one in the global namespace. 
Access all public methods via <code>$kt_Photogallery</code>.
<ul>
<li>
<code>$kt_Photogallery->get_album_count ( [$gallery_ID] )</code> 
Returns the number of albums associated with a gallery 
Argument <code>int</code>|<code>null $gallery_ID</code> Optional – ID of a gallery. Defaults to the current ID if used inside the Loop 
Returns <code>integer</code>|<code>boolean</code> – Returns an integer on success, or <code>false</code> if <code>$gallery_ID</code> yields no gallery
</li>
<li>
<code>$kt_Photogallery->get_albums ( [$gallery_ID] )</code> 
Returns an array of album IDs associated with a gallery. 
Argument <code>int</code>|<code>null $gallery_ID</code> Optional – ID of a gallery. Defaults to the current ID if used inside the Loop 
Returns <code>array</code>|<code>boolean</code> – Returns an array of IDs on success, <code>false</code> if <code>$gallery_ID</code> yields no gallery
</li>
<li>
<code>$kt_Photogallery->get_image_count ( [$album_ID] )</code> 
Returns the number of images associated with an album 
Argument <code>int</code>|<code>null $album_ID</code> Optional – ID of an album. Defaults to the current ID if used inside the Loop 
Returns <code>integer</code>|<code>boolean</code> – Returns an integer on success, or <code>false</code> if <code>$album_ID</code> yields no album
</li>
<li>
<code>$kt_Photogallery->get_images ( [$album_ID] )</code> 
Returns an array of image IDs associated with an album. 
Argument <code>int</code>|<code>null $album_ID</code> Optional – ID of an album. Defaults to the current ID if used inside the Loop 
Returns <code>array</code>|<code>boolean</code> – Returns an array of IDs on success, <code>false</code> if <code>$album_ID</code> yields no album
</li>
<li>
<code>$kt_Photogallery->get_thumbnail ( [$album_ID, [$fallback] ] )</code> 
Returns the ID of the image (attachment) used as thumbnail for an album 
Argument <code>int</code>|<code>null $album_ID</code> Optional – ID of an album. Defaults to the current ID if used inside the Loop 
Argument <code>boolean $fallback</code> Optional – if <code>true</code> and <code>$album_ID</code> yields no album the method returns the ID of the first image associated with the album. Default is <code>true</code> 
Returns <code>integer</code>|<code>false</code> – Returns an integer on success, <code>false</code> if <code>$album_ID</code> yields no album, no thumbnail is set or a fallback could not been resolved
</li>
<li>
<code>$kt_Photogallery->get_thumbnail_src ( [$album_ID, [$fallback] ] )</code> 
Returns an ordered array with values corresponding to the (0) url, (1) width, (2) height and (3) scale of the thumbnail associated with an album. 
Argument <code>int</code>|<code>null $album_ID</code> Optional – ID of an album. Defaults to the current ID if used inside the Loop 
Argument <code>boolean $fallback</code> Optional – if <code>true</code> and <code>$album_ID</code> yields no album the method returns the ID of the first image associated with the album. Default is <code>true</code> 
Returns <code>array</code>|<code>false</code> – Returns an array on success, <code>false</code> if <code>$album_ID</code> yields no album, no thumbnail is set or a fallback could not been resolved
</li>
<li>
<code>$kt_Photogallery->register_album_design ( $key, $options )</code>
</li>
<li>
<code>$kt_Photogallery->register_gallery_design ( $key, $options )</code> 
Registers a custom design for albums and galleries respectively. 
The design will be available in the Design metabox during editing 
Returns <code>boolean</code> – returns <code>true</code> if the design was registered successfully, <code>false</code> on failure. 
Argument <code>string $key</code> Required – A key used as id inside HTML/CSS and for general identification 
Argument <code>callable</code>|<code>array $options</code> Required – A callback rendering the design on the frontend or an associative array:
<ul>
<li><code>string label</code> – The text for the label</li>
<li><code>string icon</code> – The image shown next to the label. Can be <code>dashicons-*</code>, an URL to an image or a base 64 encoded image</li>
<li><code>string title</code> – Text used inside the HTML title attribute, usually containing a description</li>
<li><code>callback render ($post, $options)</code> – Callback rendering the design on the frontend. The arguments passed are the current post as a WP_Post instance and an associative array of the options straight from the database</li>
<li><code>callback options ($current_options, $defaults, $post)</code> – Callback for additional form fields, should echo HTML. The arguments passed are an associative array of the options straight from the database, the default options as second argument and the current post as a WP_Post instance as third.</li>
<li><code>array defaults</code> – Associative array containing default values for options. Its keys are used during saving so you should generate HTML form fields using its keys and provide a callback for filtering.</li>
<li><code>callback filter ($current_options, $defaults, $post)</code> – Callback for filtering the options before they are saved. This callback is called every time a post is saved. The arguments passed are the default options merged with the values from the current request, the default options as second argument and the current post as a WP_Post instance as third. The callback must return an associative array otherwise no options are stored.</li>
</ul>
</li>
<li>
<code>$kt_Photogallery->render( [$auto_design] )</code> 
Main output method. Depending on the current post type the method prints out a design for a gallery or an album. 
Argument <code>boolean auto_design</code> optional – If set <code>true</code> and no design is found, take the first registered one and proceed. Default is <code>true</code> 
Returns <code>boolean</code> – Returns <code>true</code> on success, <code>false</code> otherwise
</li>
</ul>

Photogallery

cubecolour

The plugin was originally created for <a href="https://davedrapercreations.co.uk/" title="Dave Draper" rel="nofollow ugc">Dave Draper’s</a> website where it is used on the music pages. For an example, please see the page for the <a href="http://davedrapercreations.co.uk/music/the-wild-bunch/" title="The Wild Bunch" rel="nofollow ugc">Wild Bunch album</a> featuring Dave on vocals and bass.
Audio Album uses the default audio capabilities of mediaelement.js included with core WordPress files and enables you to style a group of audio files (MP3 etc) as single block formatted as an album. The colours can be customized in the Audio Album section of the WordPress customizer.
You can display as many Audio Albums as you need on your site, with multiple albums on each page.
<h4>Usage:</h4>
There are two shortcodes that can be used <code>[audioalbum]</code> and <code>[audiotrack]</code>
<pre><code>[audioalbum]
</code></pre>
This shortcode is required and can be used as a header before the <code>[audiotrack]</code> shortcodes.
<ul>
<li>title</li>
<li>detail</li>
<li>
date
[audiotrack] 
This acts as a wrapper to the WordPress [audio] shortcode so uses the same parameters as the [audio] shortcode, plus the following which are specific to this plugin:
</li>
<li>
title
</li>
<li>width</li>
<li>height</li>
<li>songwriter</li>
<li>buttontext</li>
<li>buttonlink</li>
</ul>
The following attributes can also be used in the <code>[audiotrack]</code> shortcode in the same way in which they are used in the default WordPress [audio] shortcode:
<ul>
<li>src</li>
<li>mp3</li>
<li>ogg</li>
<li>wma</li>
<li>m4a</li>
<li>wav</li>
<li>loop</li>
<li>autoplay</li>
<li>preload</li>
</ul>
<h4>Example</h4>
<pre><code>[audioalbum title="The Album Title" detail="Some other Details" date="2022"]

[audiotrack title="Song One" songwriter="credit" mp3="http://domain.com/wp-content/uploads/audiofile1.mp3"]

[audiotrack title="Song Two" songwriter="credit" mp3="http://domain.com/wp-content/uploads/audiofile2.mp3"]
</code></pre>
<h4>Lyrics / other info in a popup window</h4>
There are some additional parameters which can be added to the [audioalbum] shortcode to optionally add a button to allow a visitor to open a link on each audio track to open a page in your site within a popup window.
You need to first create the page, post, or custom post type post and make a note of the post/page id.
There are four parameter/value pairs which can be added to the [audiotrack] shortcode to make a popup link
<ul>
<li>buttonlink</li>
<li>buttontext</li>
<li>width</li>
<li>height</li>
</ul>
Enter the page/post id of the target page as the value for the buttonlink parameter. A button will only be shown when a value is set for the buttonlink parameter.
The buttontext attribute is optional, if no value is specified, the default label of ‘lyrics’ will be shown on the button.
The dimensions of the popup window can also be specified using optional width and height attributes. If no values are given, default values of 520px (width) and 400px (height) will be used.
If your site is using a Genesis child theme, as a little bonus, a landing-page template without a masthead, menus, sidebars or other distractions will be applied to the popup page.
<h4>Example with default ‘lyrics’ button</h4>
<pre><code>[audiotrack title="Song One" songwriter="credit" mp3="http://domain.com/wp-content/uploads/audiofile1.mp3" buttonlink="808"]
</code></pre>
<h4>Example with custom button and custom popup window dimensions</h4>
<pre><code>[audiotrack title="Song Two" songwriter="credit" mp3="http://domain.com/wp-content/uploads/audiofile2.mp3" buttonlink="909" buttontext="linklabel" width="300" height="500"]
</code></pre>
The parameters used with the standard native WordPress audio shortcode outlined in the codex: <a href="https://codex.wordpress.org/Audio_Shortcode" title="Audio Shortcode" rel="nofollow ugc">Audio Shortcode</a> page can also be used in the <code>[audiotrack]</code> shortcode.

Audio Album

Terrific Plugin. Easy to style, fork, etc.

Sent donation a few moments ago.

Terrific Plugin

5-star plugin

Displays a collection of audio tracks as an audio album using the native WordPress audio features. Includes a customizer section.

Photogallery vs Audio Album