Difference between revisions of "Embed Audio - WordPress"

From Help Wiki
m (If you host your file on your site)
m (subst applied to Template:TwoColumn)
 
(10 intermediate revisions by 2 users not shown)
Line 1: Line 1:
__NOTOC__
+
 
<div class="row-fluid"><div class="span8 ">
+
<div class="container-fluid">
 +
<div class="row">
 +
<div class="col-md-8">
 
<div class="lead">
 
<div class="lead">
[[Image:Blue-l.png|left|75px]] Using WordPress it's easy to embed audio files into your site.
+
Embed audio files into your WordPress site
 
</div>
 
</div>
<div class="gradientshadow"></div>
+
 
 
===If you host your file on your site===
 
===If you host your file on your site===
 
(great for shorter recordings and .mp3)
 
(great for shorter recordings and .mp3)
Line 10: Line 12:
 
#Use the Add Media button when editing your post or page and upload your audio file and Insert into post. This will automatically create an embedded audio player with transport controls to play/pause your audio track.
 
#Use the Add Media button when editing your post or page and upload your audio file and Insert into post. This will automatically create an embedded audio player with transport controls to play/pause your audio track.
  
===Host your audio offsite at SoundCloud (good for higher quality/larger files)===
+
===Host your audio offsite at SoundCloud ===
'''[[Soundcloud - WordPress |SoundCloud]]''' Embed an audio file using [http://soundcloud.com/ SoundCloud].
+
(good for higher quality/larger files)
<!-- end span8 -->
+
*See the '''[[Soundcloud - WordPress |SoundCloud]]''' tutorial to embed an audio file using [http://soundcloud.com/ SoundCloud.com].
</div>
+
 
<div class="span4 gradientbox">
+
{{WordPress Help Sidebar}}
+
  
<!-- end span4-->
+
<!-- end col-md-8 -->
</div>
+
<!-- end row-fluid -->
+
 
</div>
 
</div>
 +
<div class="col-md-1"></div>
 +
<div class="col-md-3 sidebar">
 +
{{WordPress Tutorial Header}}
  
  
 +
{{WordPress AddingImagesAndMedia Sidebar}}
  
  
[[category:Wordpress Tutorial]]
+
----
  
[[Category:Wordpress]]
+
{{WordPress DesigningYourSite Sidebar}}
 +
 
 +
 
 +
----
 +
 
 +
 
 +
{{WordPress Help Sidebar}}
 +
 
 +
<!-- end col-md-3-->
 +
</div>
 +
<!-- end row-->
 +
</div>
 +
<!-- end container-->
 +
</div>
 +
<!-- Generator=Template:TwoColumn -->
 +
__NOTOC__
 +
__NOEDITSECTION__
 +
[[category: Wordpress]]
 +
[[Category:Wordpress Tutorial]]

Latest revision as of 16:01, 14 August 2017

Embed audio files into your WordPress site

If you host your file on your site

(great for shorter recordings and .mp3)

  1. Make sure your audio file is in the .mp3 file format
  2. Use the Add Media button when editing your post or page and upload your audio file and Insert into post. This will automatically create an embedded audio player with transport controls to play/pause your audio track.

Host your audio offsite at SoundCloud

(good for higher quality/larger files)