Add Music to WordPress Homepage

In an early guide, we discussed how to add music to WordPress posts, pages, sidebar, footer, etc. After that we have received some feedback from our website visitors, some of them like to add music to WordPress homepage only, not the entire WordPress site or other WordPress posts or pages.

How to Add Music to WordPress Homepage?

There are basically two steps to embed a music player in WordPress home page. Firstly you need to set a specific page as the front page of your WordPress site, other than displaying your latest posts in the front page. Then you will need to embed the music player in this new WordPress home page. Following are the details.

Add music to WordPress page

Log on to your WordPress dashboard, go to Pages >> Add New, to create a new page as your WordPress home page, or go to All Pages to open and edit an existing page that you like to set as front page of your WP site. Click Add Media button above WordPress editor window. You can then upload music files from your local computer to WordPress hosting server or site. You can also choose existing music songs from your media library online. There will be an ATTACHMENT DISPLAY SETTINGS section in the WordPress music embedding page as below.

embed music player into wordpress page

Make sure to choose Embed Media Player from the option list. Then click Insert into page to add music to WordPress front page to be. If you like to play music on the WordPRess home page automatically, you need to modify the music or audio player, add the autoplay=”on” to your music player embedding code. See below:

Note: replace the above URL with your own. It should be an absolute URL, other than a relative URL to your uploaded music file. It could be ‘mp3’, ‘m4a’, ‘ogg’, ‘wav’ or ‘wma’.

Save the update of your WordPRess or publish if it is a new page. Now you should open the new WordPress page and hear the music plays automatically on your web browsers.

Set the page as WordPress homepage

You have added music to your WordPRess page, now you need to set it as your Front page if not yet. Go to WP Dashboard >> Settings >> Reading.
wordpress settings reading menu
Click the Reading menu, you will have the option to set or change your WordPRess home page.

wordpress front page settings

From above screen, click A static page, then select a page from in the Front page field as your new WordPress home page. Then click the Save Changes button in the bottom of this page. Open your WordPress main page, your embedded music will now plays automatically.

best wordpress hosting service

Leave a Reply