How to create audio galleries in WordPress
WordPress can create a basic audio gallery without a plugin by using the Playlist block, which groups tracks into one player. If you need a visual grid, drag-and-drop layouts, or separate artwork-led audio cards, use an audio gallery plugin instead.
- 01Prepare the audio files
- 02Upload tracks to Media Library
- 03Add the manual playlist
- 04Configure the playlist display
- 05Test playback before publishing
- 06Use a visual gallery plugin
What you need
- A recent WordPress site with the block editor
- Admin or editor access
- Audio files ready to upload
- Track titles, artist names and artwork prepared
Prepare the audio files
Put the tracks in a sensible order and use clear filenames. Add the title and artist information to each file where possible, then prepare one square image for each track if you want artwork in the list.
Keep the files reasonably sized. Large audio files can consume storage and bandwidth, and setting every player to preload the full file can slow the page down. WordPress recommends using metadata or none rather than automatically downloading every track.
Upload tracks to Media Library
Open Media in the WordPress dashboard and upload the audio files. Open each attachment after uploading and check its title, artist details, caption and attached artwork.
Do not assume the filename is enough. The Playlist block reads track information from the file metadata and Media Library fields, so missing or untidy details can leave visitors with vague names such as audio-final-2.mp3.
Add the manual playlist
Edit the page where the audio gallery should appear, select the block inserter, search for Playlist, and add the Playlist block. Upload new files there or choose tracks already in the Media Library. Each selected file becomes a track in the player.
This is the built-in route and is fine for a straightforward album, podcast season or collection of recordings. It creates a playlist rather than a full image-led gallery with separate cards or columns. The Playlist block is available by default in WordPress 7.1 and later.
Configure the playlist display
Select the Playlist block and use its settings to choose the play order, show or hide artwork, artist names, track numbers and track lengths. Set waveform and background colours to match the page, and use the dimensions controls to add space around the player.
Attach artwork to the audio attachment and enable the image option if thumbnails do not appear. Artwork will not show for a track that has no image attached.
Test playback before publishing
Preview the page on desktop and mobile. Play the first track, select another track, pause and resume it, test the seek control, and confirm that the titles and artwork are correct.
If a track is missing, check that the file still exists in the Media Library. If metadata is absent, edit the attachment details and confirm the relevant display toggles are enabled. If the upload fails, the file type may not be supported by the editor; try a widely supported format such as MP3.
Use a visual gallery plugin
For the fast route to a more traditional audio gallery, use Envira Gallery. It adds a drag-and-drop builder, responsive layouts and support for MP3, WAV and OGG, so you can present multiple tracks with more control than the core Playlist block.
Install the plugin, create a new audio gallery, upload or select the tracks, choose a layout, add the gallery to your page, and test it on a phone before publishing. This is the better choice when the page needs artwork-led cards, a grid layout or a more polished presentation without building the layout yourself.
Let Envira Gallery do it
Drag-and-drop audio galleries with responsive layouts and MP3, WAV, and OGG support for showcasing multiple tracks.
Sources
- wordpress.org /documentation/article/audio-block/?utm_source=openai
- wordpress.org /documentation/article/playlist-block/?utm_source=openai
- developer.wordpress.org /block-editor/reference-guides/core-blocks/core-blocks-media…
- developer.wordpress.org /reference/functions/wp_playlist_shortcode/?utm_source=opena…
Questions
- Can WordPress create an audio gallery without a plugin?
- Yes, WordPress can create a basic audio gallery with its Playlist block. Add the block to a page, upload or select several audio files, and configure the track list, artwork, artist names and play order. The limitation is that the result is a playlist, not a fully custom gallery of separate audio cards or grid tiles.
- What is the difference between an audio gallery and a playlist?
- An audio gallery usually presents tracks as separate visual items with artwork, titles and individual controls, while a playlist groups tracks into one player and track list. WordPress’s core Gallery block is intended for images, whereas its Playlist block is intended for collections of audio or video files.
- Why is artwork missing from my WordPress audio playlist?
- Artwork is missing when the audio attachment has no image assigned or when the Playlist block’s image display option is disabled. Open the audio file in the Media Library, attach an image, return to the playlist and enable the image setting. Also check that you edited the correct attachment rather than only adding a caption to the page.
- Can I add an existing WordPress audio playlist with a shortcode?
- Yes, the built-in <code>[playlist]</code> shortcode can render several attached media files as an HTML5 playlist, and you can use explicit attachment IDs when you need precise track selection. Add it with a Shortcode block, but use the Playlist block for new content when your WordPress version supports it because the block is easier to configure visually.
- What is the quickest way to create a polished audio gallery?
- The quickest route is an audio gallery plugin such as Envira Gallery. WordPress’s Playlist block is suitable for a simple list, but a plugin is quicker when you need drag-and-drop layouts, responsive gallery designs, artwork-led presentation and support for several audio formats without arranging the page manually.