Introduction

The audio shortcode lets you play mp3 and ogg files on your WordPress pages. You can play audio from your own site or use a URL instead. The audio shortcode’s colors are very customizable so it is easy to fit it in with your WordPress site design.

The are also options to control the playback. You can choose to loop the audio so it will restart once it gets to the end. You can also choose to automatically play the audio when the page loads.

Color Options

There are several different parts of the audio shortcode that can be customized. This helps blend the audio into the design of your theme.

Background

Button

Button’s Background

Progress Background

Progress Color

Press play to see the progress color.

Text Color

Putting it All Together

Explore More Shortcodes

[intense_content_section]
<h2>Introduction</h2>
The audio shortcode lets you play mp3 and ogg files on your WordPress pages. You can play audio from your own site or use a URL instead. The audio shortcode's colors are very customizable so it is easy to fit it in with your WordPress site design.

The are also options to control the playback. You can choose to loop the audio so it will restart once it gets to the end. You can also choose to automatically play the audio when the page loads.

[intense_audio url="421"]
[/intense_content_section]

[intense_content_section background_type="color" background_color="#f9f9f9" border_top="1px solid #ededed" border_bottom="1px solid #ededed"]
<h2>Color Options</h2>

There are several different parts of the audio shortcode that can be customized. This helps blend the audio into the design of your theme.

<h3>Background</h3>
[intense_audio background_color="lightblue" url="422" loop="1"]

<h3>Button</h3>
[intense_audio button_color="red" url="411" loop="1"]

<h3>Button's Background</h3>
[intense_audio button_color="#333" button_background_color="orange" url="412" loop="1"]

<h3>Progress Background</h3>

[intense_audio progress_background_color="lightyellow" url="413" loop="1"]

<h3>Progress Color</h3>
Press play to see the progress color.

[intense_audio progress_color="red" url="414" loop="1"]

<h3>Text Color</h3>

[intense_audio text_color="red" url="417" loop="1"]

<h3>Putting it All Together</h3>
[intense_audio background_color="#e4e7ed" button_color="#5cbbc4" button_background_color="#e4e7ed" progress_background_color="#fff" progress_color="#5cbbc4" text_color="#5cbbc4" url="418" loop="1"]
[/intense_content_section]

[intense_snippet snippet_id="Child Theme | Shortcodes/footer" snippet_title="Shortcode Page Footer"]