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.

Freemius

Serhii Pasyuk

<h4>Gallery Plugin</h4>
It’s not necessary to hire a developer to create a WordPress gallery. All you need is <a href="https://woowgallery.com/" rel="friend nofollow ugc">WoowGallery</a>, a drag & drop photo gallery plugin that’s EASY, FAST and POWERFUL.
WoowGallery is highly optimized for web and server performance because we understand the importance of speed when it comes to image and gallery load times, as well as SEO and conversion. 
With WoowGallery you can show the blog posts on your website and display them in a masonry layout with tags filter. You can customize the way your posts look and manage settings like the featured image, the content you want to display, etc. 
WooCommerce Products in a masonry layout looks fantastic. You can show any post type in a gallery with a link to their pages.
<blockquote>
Free version includes everything you need and expect from the gallery: 
 albums, tags, social media integration, various templates and layouts, lazy load, content galleries with your posts, dynamic galleries, and tons more.
</blockquote>
And with our widget you can put your best work anywhere on the page. Easily add it to your page via Elementor Editor, Classic Editor, Gutenberg or any other editor which support widgets or shortcodes.
<h4>Drag & Drop Builder</h4>
WoowGallery adapts to your workflow and allows you to create in minutes. By using our easy to use drag and drop builder, you can upload your photos, rearrange them, and create an impressive gallery with just a few clicks.
You can also create and edit right from the WordPress Gutenberg block editor. 
If you’ve struggled with complex plugins that take video tutorials to learn, you’re going to love WoowGallery.
<blockquote>
With WoowGallery Premium you can 
 create WooCommerce integrations, create Standalone gallery pages, add Standalone views inside Dynamic galleries, create presets for skins, etc.
</blockquote>
<h4>Mobile Ready, SEO Friendly and Optimized for Speed</h4>
Our solution is 100% responsive and mobile-friendly by default. We optimized every query on the front-end and the back-end to ensure maximum speed.
<h4>Sharing and Selling Photos Made EASY</h4>
Social media integrations, and WooCommerce store integration.
<h4>Built-in Feature List</h4>
<ul>
<li>Gutenberg Blocks for WordPress 5.0+</li>
<li>Drag & Drop Photo Gallery Builder</li>
<li>100% Responsive – Mobile Friendly</li>
<li>Beautiful Skins for Customization</li>
<li>Albums – Easily organize your collections, choose cover photos, and more.</li>
<li>Featured Content Gallery – Easily create displays based on posts, pages, products, testimonials, portfolios, and other custom post types.</li>
<li>Dynamic Gallery – Create content from various different sources (WordPress, Flagallery…). Show specific media category or folder from other plugins like: “Media Library Assistant”, “FileBird”, “Real Media Library”, etc.</li>
<li>Video Support – Not just for photos! You can add local videos and link your photos with video from YouTube and Vimeo.</li>
<li>Slideshow – Add beautiful slideshows with autoplay, manual controls, and more.</li>
<li>WooCommerce Product Integration – Replace default WooCommerce product display template with our skin.</li>
<li>Image Tags – Organize your WordPress photos with tags for easy search and display that are also filterable.</li>
<li>Social Sharing – Share your photos on Facebook, Twitter and Pinterest.</li>
<li>Image Protection – Protect your images from theft by disabling right mouse click.</li>
<li>Lazy Load – Load large collections with lazy loading to improve page speed and user experience.</li>
<li>Deeplinking – Make your content SEO friendly and easily link to individual items.</li>
<li>FullScreen Display – Take advantage of the native fullscreen and Lightbox display.</li>
<li>Photo Zoom – Zoom images for up close browsing.</li>
<li>EXIF Meta Data – Display your EXIF data including camera model, aperture, shutter speed, and more.</li>
<li>Downloads – Ability to download your images and collections with an easy to use download button.</li>
</ul>
<h4>Premium Feature List</h4>
<ul>
<li>WooCommerce Integration – Instantly display and sell your photos with the most popular eCommerce software on the web.</li>
<li>Standalone Gallery – Create independent galleries that are not tied to your posts.</li>
<li>Password Protection – Prevent unauthorized access to your standalone galleries.</li>
<li>Skin Presets – Speed up the creation process by saving your default settings.</li>
<li>Custom CSS Styles – Customize your portfolio by adding custom CSS and styles.</li>
<li>Want us to add something else? Suggest a feature and we’ll get it added!</li>
</ul>
<blockquote>
When it comes to WordPress media plugins, WoowGallery has no equal.
</blockquote>
<h4>Demos</h4>
Amron skin:
<ul>
<li><a href="https://woowgallery.com/examples/simple-photo-gallery/" rel="friend nofollow ugc">Simple Photo Gallery</a></li>
<li><a href="https://woowgallery.com/examples/woowgallery-albums/" rel="friend nofollow ugc">Albums Display</a></li>
<li><a href="https://woowgallery.com/examples/woocommerce-dynamic-gallery/" rel="friend nofollow ugc">WooCommerce Showcase</a></li>
</ul>
MultiGrid skin:
<ul>
<li><a href="https://woowgallery.com/examples/youtube-gallery/" rel="friend nofollow ugc">YouTube Video Display</a></li>
<li><a href="https://woowgallery.com/examples/urban-grid/" rel="friend nofollow ugc">Grid Layout</a></li>
<li><a href="https://woowgallery.com/examples/justified/" rel="friend nofollow ugc">Justified Layout</a></li>
<li><a href="https://woowgallery.com/examples/urban-masonry/" rel="friend nofollow ugc">Masonry Layout</a></li>
</ul>

WoowGallery

Я хочу поблагодарить всех, кто принимал участие в разработке этого плагина. Он вышел очень классным и, я надеюсь, у этой галереи будет много поклонников. Также, спасибо всем, кто будет оставлять положительные отзывы, которые вдохновляют разработчиков совершенствовать свой продукт и дальше.

I want to thank everyone who participated in the development of this plugin. It came out to be very cool and, I hope, this gallery will have many fans. Also, thanks to everyone who will leave positive feedback that inspire developers to improve their product further.

Спасибо всем! Thank you all!

Fastest, easiest to use multifunctional image gallery plugin. Create Featured Posts Gallery, Dynamic Content Gallery, Albums!

Audio Album vs WoowGallery