How to Add a Music Player to Your WordPress Site
Log into your WordPress dashboard., Click “Install Now.” On the “Install Plugins” page, click “Install Now” under the plugin titled “MediaElements.js – HTML5 Video and Audio Player.” , Activate plugin., Click “Add New.” Once the plugin has been...
Step-by-Step Guide
-
Step 1: Log into your WordPress dashboard.
On the left-hand menu, hover over “Plugins” and select “Add New” from the dropdown. -
Step 2: Click “Install Now.” On the “Install Plugins” page
, On the next page, click the "Activate Plugin" link. ,, You may now find the supported audio file on your PC; click and drag it to the correct box, or you may click the “Select Files” button at the middle of the page to open a window to find your file.
Supported file types include MP3, M4A, OGGm, and a couple others , The “Edit Media” page will open in a new tab on your browser. , On the “Edit Media” page, at the right side is a box that says “Save.” A couple lines beneath it is a box that says “File URL.” Copy the entire URL in the box to your clipboard. ,,, Paste your file’s URL between the two quotation marks of the code you just typed.
It should look approximately like: , At the upper right of the post/page edit page, click “Save Draft.” Then, click “Preview” to see your post or page with the music player as it appears. , If you’re happy with how it works and appears, go back to the post or page in the editor, and click “Publish” to put your file on the Internet. -
Step 3: click “Install Now” under the plugin titled “MediaElements.js – HTML5 Video and Audio Player.”
-
Step 4: Activate plugin.
-
Step 5: Click “Add New.” Once the plugin has been activated
-
Step 6: on the left side of the dashboard
-
Step 7: hover over “Media”
-
Step 8: and then click “Add New.”
-
Step 9: Upload your file.
-
Step 10: Click “Edit.” Once your file finishes uploading
-
Step 11: click the “Edit” link next to it
-
Step 12: when it appears below the file upload box.
-
Step 13: Copy URL to clipboard.
-
Step 14: Navigate to the post or page on which you’d like to add your music player.
-
Step 15: Type the following in the “Visual” editor:
-
Step 16: Paste the URL.
-
Step 17: Save and Preview.
-
Step 18: Publish.
Detailed Guide
On the left-hand menu, hover over “Plugins” and select “Add New” from the dropdown.
, On the next page, click the "Activate Plugin" link. ,, You may now find the supported audio file on your PC; click and drag it to the correct box, or you may click the “Select Files” button at the middle of the page to open a window to find your file.
Supported file types include MP3, M4A, OGGm, and a couple others , The “Edit Media” page will open in a new tab on your browser. , On the “Edit Media” page, at the right side is a box that says “Save.” A couple lines beneath it is a box that says “File URL.” Copy the entire URL in the box to your clipboard. ,,, Paste your file’s URL between the two quotation marks of the code you just typed.
It should look approximately like: , At the upper right of the post/page edit page, click “Save Draft.” Then, click “Preview” to see your post or page with the music player as it appears. , If you’re happy with how it works and appears, go back to the post or page in the editor, and click “Publish” to put your file on the Internet.
About the Author
Charles Cole
Committed to making practical skills accessible and understandable for everyone.
Rate This Guide
How helpful was this guide? Click to rate: