Adding Audio Player to Heaven’s Corner Premium Template

heavens corner premium theme (photo: themeforest.net)

After much deliberation and anticipation to get help from a premium theme developer to send me a response to my query, I got frustrated like most of us would be. One starts to think of adding to the product that is not there own baby and also increase on the web developing community. I have to give credit where it is due as the heaven’s corner theme is well build with custom post types especially for the events and sermon posts. The key issue hear for the extra customization I wanted was to add an audio player that would cut across all platforms of web browsers without using

  1. Shortcodes
  2. Increasing the WordPress queries
  3. Making the website owner have more work
  4. Add another custom field and code for the website.
Audio Player activated on Heavens corner wordpress theme

Audio Player activated on Heavens corner wordpress theme

Here is what I wanted to create using the information already existing the WordPress database for the website I had developed i.e The Audio/file link in the custom fields to the sermon post type.

We have a few pointers in this project, that’s the old time favourite WordPress codex and voila! No more hustle. Okay here is the real code. Add the development code in the single.php The premium theme already does the calling the different post types. in the first 3 lines of the single.php file. The audio player code that is illustrated in the image is what you need.

Audio Player Sermon Post custom Code for Heavens corner wordpress theme

Audio Player Sermon Post custom Code for Heavens corner wordpress theme

 

 

 

 

 

I only found one glitch after adding this php code. An error occurs on all you other post types. Since the array field “sermon_download” is not in the other post types apart from the sermon post types. So we need to update with the ‘if’ statement to exclude running this code when it is other post types apart from sermon post types.

Updated Audio Player activated custom Code for Heavens corner wordpress theme

Updated Audio Player activated custom Code for Heavens corner wordpress theme

We have added a little metre to help you grade yourself for the skill set needed for this job or what skill set you had attained for using the WordPress API and simple php.

You can find the gist on github here

[symple_skillbar title=”Web Design” percentage=”10″ color=”#65C25C” show_percent=”true”]

[symple_skillbar title=”PHP” percentage=”90″ color=”#65C25C” show_percent=”true”]

[symple_skillbar title=”Wordpress Theme Coding” percentage=”80″ color=”#65C25C” show_percent=”true”]