This guide will walk you through customizing the VO Demo Player Plugin on your WordPress website.
Customizing the VO Demo Player Plugin
Before you customize the player plugin (don't worry, it's easy), you'll need to upload your voice-over demos as MP3 files.
Step 1 - In the WordPress dashboard, click Media - Add New. Then click Select Files or drag and drop the MP3 files to upload them.
Once uploaded, go to Media and open each file. On the right, look for "Copy URL to clipboard". You'll want to copy the URL for each track to use for the next step:
Step 2 - Click VO Demo Player Playlists for the menu. Click "Add New". Add a title for this playlist and then goto the TRACKS tab.
Click add track to add the URL to the MP3 (uploaded in step 1). Also give a title and a description.
Add as many tracks as you need.
Then click the PUBLISH button to save.
Step 3 - Click over to the FONTS tab
Use any Google font you'd like.
Add the name of the font to the Google fonts Name box.
Also, add the font name, and size to the Title and Description fields. You can also set the colors here as well.
Step 4 - Click over to the COLORS tab
Under the colors tab, you can set colors for each piece of the player.
Then on the active playing track tab to change colors when a track is playing.
Step 5 - Click over to the ACTIVE PLAYING TRACK tab
Under the active playing track tab, you can set colors to change to show the active playing track.
Click Publish or Update to save your changes.
Step 6 - Copy the shortcode
Copy the shortcode generated and place inside your website anywhere you want the player to appear.
If you have a question about the VO Demo Player Plugin, leave a comment and I'll be sure to reply.