Brand Identity, Website Design & Digital Services, Biondo Studio

Adding new audio to your players

We have a few different styles of audio players that we use for websites, and one player in particular, is very easy to update. It’s called the “tPlayer” and it’s the style that has multiple demos in one player and it’s nice and sleek looking. As always, we are available for maintenance on your website if it’s something that you’d rather not do, but if you’d like to give it a shot, here are some basic instructions that should explain pretty well.

Using the tPlayer, everything can be taken care of right within the main plugin with just a few clicks. Here are two screen shots that will walk you through how easy it is to update and make changes to your demos: tPlayer1 and tPlayer2.

The Divi theme built-in audio player that we occasionally use for clients who prefer to have each of their audio files in a separate player. This player is located in a module that we clearly label according to the demo name and it just needs to be opened up by clicking the gear icon, then going to the >> Audio section of the module and uploading the new demo. Another option to add a new demo is to duplicate one of the others module by clicking the two squares icon to the right of the gear, and then giving it a new title and uploading a new mp3 file. Don’t forget to save the module, and then click the big blue Update button at the top right of the page. Finished.

The third type is a basic WordPress player which also keeps each demo separate, but this is a player that we’re not using quite as much anymore. This is a little more complicated to update and requires a few different steps, with uploading the audio to the media gallery, copying the link to where it was uploaded, and then inserting that link into the widget code for each player. Here are two screen shots to walk you through: WPaudioplayer1 and WPaudioplayer2.

Related Posts:

2026 Graphic & Web Design Trends: Where Futurism Meets Humanity

2026 Graphic & Web Design Trends: Where Futurism Meets Humanity

AI and futuristic styling are becoming an increasingly visible part of everyday life, and UX design and website development are evolving alongside it. Interfaces are becoming more minimal, more sophisticated, and more intelligent. But design trends are often reactionary. As technology advances, graphic design is simultaneously swinging in the opposite direction—toward work that feels more human, imperfect, emotional, and retro. read more…

Bold Color Palettes, Gradients, and Illustration in Modern Brand Design

Bold Color Palettes, Gradients, and Illustration in Modern Brand Design

Staying on top of web design trends is one of the most important parts of my work—and one of the parts I enjoy most. Much like studying art history in college, modern design reflects what’s happening in society, but in a more accessible, everyday way. The best modern web design balances current trends with individuality, allowing your personality to shine through while helping you connect with your audience in an authentic, relatable way. read more…

The Evolution of WordPress Website Design

The Evolution of WordPress Website Design

It’s been interesting to watch the evolution of WordPress websites in this industry, especially as it’s become easier for clients to take control of maintaining their own websites if they choose to. While many platforms advertise that building a website is simple, custom WordPress website design is rarely as effortless as it’s made out to be. A professional design and build helps eliminate the steep learning curve—allowing your site to be set up correctly from the start and giving you the confidence to manage updates and content moving forward. read more…

Contact Forms vs. Direct Email: Ensuring You Never Miss a Message

Contact Forms vs. Direct Email: Ensuring You Never Miss a Message

While we love the modern aesthetic of a custom contact form, our agency prioritizes reliability above all else. After years of testing and development, we now recommend using a direct email button by default for new projects.

The goal of your website is communication. While forms look professional, they introduce technical variables that can sometimes hinder message delivery. read more…

STAY IN THE LOOP

Our monthly newsletter shares design inspiration, web and tech tips, and behind-the-scenes studio insights—delivered with the occasional exclusive offer.

* indicates required

Intuit Mailchimp

Categories