Difference between revisions of "Embed Audio - WordPress"

From Help Wiki
m (If you host your file at Evergreen?)
m (subst applied to Template:TwoColumn)
 
(18 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 plugins 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 at Evergreen?===
 
'''[http://wordpress.org/extend/plugins/haiku-minimalist-audio-player/ Haiku]''' a minimalist audio player and perfect if all you will be hosting is mp3s and you don't want to fuss around with complicated short code.
 
====Using Haiku====
 
*Use the shortcode <pre>[haiku url="http://example.com/file.mp3" oga="http://example.com/file.ogg" title="Title of audio file"]</pre>
 
to play an audio file. Use the full URL of the audio file unless you've set a default file location in the settings page. The title field is recommended for search engine and accessibility purposes
 
  
===Host your audio offsite at SoundCloud===
+
===If you host your file on your site===
'''[[Soundcloud - WordPress |SoundCloud]]''' Embed an audio file using [http://soundcloud.com/ SoundCloud].
+
(great for shorter recordings and .mp3)
<!-- end span8 -->
+
#Make sure your audio file is in the .mp3 file format
</div>
+
#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.
<div class="span4 gradientbox">
+
{{WordPress Help Sidebar}}
+
  
<!-- end span4-->
+
===Host your audio offsite at SoundCloud ===
</div>
+
(good for higher quality/larger files)
<!-- end row-fluid -->
+
*See the '''[[Soundcloud - WordPress |SoundCloud]]''' tutorial to embed an audio file using [http://soundcloud.com/ SoundCloud.com].
 +
 
 +
 
 +
<!-- end col-md-8 -->
 
</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 17: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)