Difference between revisions of "Embed Audio - WordPress"

From Help Wiki
m (→‎Using Haiku)
m (subst applied to Template:TwoColumn)
 
(16 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====
 
−
Once you've activated the plugin:
 
−
*Use the shortcode to play an audio file.
 
−
<pre>[haiku url="http://example.com/file.mp3" oga="http://example.com/file.ogg" title="Title of audio file"]</pre>
 
−
* 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.
 
−
'''Settings options'''
 
−
*The player includes the ability to automatically turn all MP3 links into an audio player instance. Simply check the "Replace all mp3 links" checkbox on the settings.
 
  
−
===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 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)


Blue-l.png

WordPress Tutorial


Adding Images and Media


Designing Your Site



Still have WordPress questions?

Retrieved from "http://helpwiki.evergreen.edu/wiki/index.php?title=Embed_Audio_-_WordPress&oldid=34972"

The Evergreen State College