By now we can only assume that many of our readers are either WordPress.org (self-hosted) users themselves, know someone who has a self-hosted WordPress blog/site or are considering making the leap to a self-hosted WordPress installation in the future.
In today’s posting, we will walk our readers through one of our favorite methods of publishing custom audio players to a self-hosted WordPress (dot org) site.
So … I can just copy/paste, right?
Basically that is true, but there’s a little bit of setup to do before we jump right in. It is definitely possible to copy/paste AudioAcrobat HTML code for a custom player into the HTML editor on your self-hosted WordPress site. Whether or not WordPress will strip-out the iFrame portion of the AudioAcrobat code is an entirely other question in itself.
Since the likelihood of this happening to new WordPress users on a recurring basis is pretty high, we recommend making it easier on yourself as a content creator. What does this entail? One plugin and the use of custom fields. Don’t worry, we’re here today to walk you through the steps.
1. Download EmbedIt Plugin
This is a 3rd party plugin which does require you to submit your email HERE (scroll down on page) before you’re able to download and install.
2. Install/Activate EmbedIt Plugin
If you’ve never done this before, we recommend reading the “Managing Plugins” entry in the WordPress wiki HERE.
3. Create New Post/Page >> Open “Screen Options” >> Enable “Custom Fields”
If needed, the WordPress wiki also documents the “Screen Options” admin tool HERE.
4. Enter New >> HTML1 >> Paste AudioAcrobat HTML >> Add Custom Field
Here our readers will want to begin by clicking “Enter New” and entering the alphanumerical phrase “HTML1” into the “Name” field on the left.
The AudioAcrobat HTML code can also now be pasted in the the “Value” field to the right, as seen in the screenshot below. Make sure to press the “Add Custom Field” button to save your changes.
5. Enter [HTML1] shortcode in your post/page
Simply enter the shortcode [HTML1] wherever you’d like your player to appear. For today’s walk-through, we placed ours at the top-left of our new post.
6. Preview >> Pat yourself on the back for a job well done!
At this point, our readers should have successfully installed the EmbedIt plugin for WordPress, added a custom field and embedded their AudioAcrobat HTML code and a piece of shortcode in a new post/page on their self-hosted WordPress (.org) site; which should appear similar to the image seen above.
Get lost somewhere along the way? Let us know in the comments section below!
And now for a bit of shameless self-promotion…
- Follow AudioAcrobat on Twitter
- Become a fan on Facebook
- Join our group on LinkedIn
- Subscribe to AudioAcrobat RSS
Want to learn more about AudioAcrobat? Go ahead, give it a try yourself by signing up for a 30 day Free Trial or join one of our FREE Training Classes without signing up for squat. Already have an account? Login HERE.
Coming up next … #FollowFriday!