Add Audio or Video Shortcode Via Customizer To Essence Pro Themes Hero Section

This tutorial provides the code which enables you to add a video or audio player in the Hero section of the Essence Pro theme.

You can upload your video or audio file to your WordPress Media Library and use the file URL with the audio shortcode like this :

[audio src="http://example.com/wp-content/uploads/2019/09/audio.mp3"]

or the video shortcode like this :

[video src="http//example.com/wp-content/uploads/2019/09/video.mp4"]

Either shortcode can be added via Customize > Essence Pro Settings > Front Page Hero Section > Audio or Video Shortcode.

Watch the following demo video to see where to add the shortcode for your video or audio file.

Demo Video #

Shows the video and audio shortcodes added via the customizer displaying in the hero section on the front page pf the Essence Pro child theme by StudioPress.

Installation Steps #

There’s 3 steps :

Step 1 – Copy & paste the PHP code from the functions.php file to the end of your Essence Pro themes functions file.