WordPress Audio embed short-code solution

Since WordPress version 3.6 WordPress added the ability to embed audio into posts and pages by automatically wrapping the link (URL) to your audio file in your media library with an audio short-code. If you use Visual mode this is a behind the scenes kind of magic where all you would see is a graphical play button in your post/page that would play your audio file when you clicked it. If you’re comfortable in the Text mode (HTML) then you would see the following:

[audio mp3="ABSOLUTE LINK TO MY AUDIO FILE"][/audio]

Recently I’ve been hearing people having issues with this not working for them. A temporary solution is to either add your media, audio in this case, as a “Link to media” from the “Embed or Link” drop down when you’re adding your media OR choose “Embed media player”. Then when back in the text editor select Text mode and change the embed code from what you see above to this:


Then you will get the following, with your own audio file of course.


This issue could be caused by a conflict with the theme you’re using or a plugin, but until that is resolved I suggest using the above work around.

Getting Started with Sermon Manager

sermon-menuIf you haven’t used the sermon manager before, you may see a notice at the top of your dashboard and all other administration pages to view and edit the settings. It’s not necessary to change any settings to start using Sermon Manager, but you will need to at least save the settings.

[restabs alignment=”osc-tabs-left” responsive=”true” icon=”true” text=”More”]
[restab title=”General Settings” active=”active”]

  • Archive Page Title – If supported by your theme, this will display as the page title of your main sermon listing.
  • Archive Page Slug – By default, all sermons will be displayed at http://www.yourdomain.com/sermons/ (NOTE: This requires you to select anything other than the default permalinks in Settings → Permalinks). By entering a new slug, you can change the url to something different like: sermon-media, multimedia, etc.
  • Common Base Slug – This is recommended and will probably be made the default in the future. By checking this box, all sermon urls will include the archive page slug, e.g. sermons/preacher or sermons/series.
  • Enable Template Files – You probably only want to use this if you are using the Twenty Ten theme or a theme based off of it.
  • Disable Sermon Styles – If you are including your own custom styles, you can disable the default styles here.
  • Display audio player or video on archive pages – By default, the media files are only displayed on the single sermon view. Note that this doesn’t work properly with all themes.

[restab title=”Verse Settings”]

  • Verse Popups – You can disable the Scripture passage from displaying when hovering over the verse references. You may want to do this if you are already using a plugin to convert Scripture references to links.
  • Selected Bible Version for Verse Popups – ESV, NET, KJV, or LEB are the currently supported popups for bib.ly. When other versions are added, the plugin will be updated. Note that other versions are supported for links, but these are the only versions available for popups.

[restab title=”Podcast Settings”]
Before you start podcasting, you’ll need to fill out the information in this section. Once your Podcast Settings are complete and you have some sermons uploaded, it’s time to Submit Your Podcast to the iTunes Store! The podcast url is shown at the bottom and based on your settings. It will not automatically show up in iTunes, you must submit it.


Uploading Your First Sermon

In the WordPress Dashboard, go to Sermons → Add New.

[restabs alignment=”osc-tabs-left” responsive=”true” icon=”true” text=”More”]
[restab title=”Sermon Details” active=”active”]
You’ll start by adding a title, then filling out any other relevant information. It’s not necessary to fill out all of the sermon details, but the date is required.

Service types need to be saved under Sermons → Service Types.

The description can be left blank or used for a transcript of the message. Shortcodes, images, and anything else that can be added in a normal WordPress post can be done here.
[restab title=”Sermon Files”]
Each sermon can have a video, audio file, and notes file.

  • Location of MP3 – If you have already uploaded the audio file to your server or another location, just paste the full url here. If you need to upload a file, just click the “Upload File” button and after your MP3 file is uploaded click “use as location of MP3″
  • Video Embed Code – Here you can paste the embed code provided by Vimeo, YouTube, or any similar service. Advanced: If you are hosting your own videos, you can also use a shortcode in this field to display your video. You’ll need to install and activate another plugin to properly play your media file.
  • Sermon Notes – This works just like the MP3 field.

[restab title=”Preacher, Series, etc.”]
You also have the option to assign a preacher, series, topic, and/or Bible book to each sermon. These fields work just like normal categories and tags on WordPress posts.

It’s possible to add images and descriptions to each of these.

Each sermon can also have a featured image just like a regular post.

Working with Sermon Images

Images can be assigned to preachers, series, and individual sermons. When displaying an image on your site, the first available image will be shown in this priority: featured image on the sermon, series image, and then preacher image.

To add an image to a preacher, go to Sermons → Preachers. Click the + sign or the blank image to upload a new image and associate it with the preacher. Follow the same process to add an image to a sermon series.

sermon preacher


Before you can get started with podcasting, you need to publish a few sermons & fill out the podcast settings in Sermons → Settings. There are instructions on that page for testing and submitting your podcast to iTunes.

As of v. 1.9, there are podcast feeds for every series, speaker, Bible book, topic, and service type. Just add /feed/ to the end of the URL.

Displaying Sermons

Visit the http://yourdomain.com/sermons if you have permalinks enabled or http://yourdomain.com/?post_type=wpfc_sermon if not. Or you can use the shortcode No sermons found. in any page.

How do I create a menu link?

Go to Appearance → Menus. In the “Custom Links” box add “http://yourdomain.com/?post_type=wpfc_sermon” as the url and “Sermons” as the label; click “Add to Menu”.

Don’t create a page with the same “slug” you’ve chosen as the archive slug in your Sermon settings. This will cause problems with your permalinks.

Registering a custom domain name

You can purchase a custom domain name for your website through a domain name registrar. There are many different registrars out there, but to make this process as easy as possible for you we recommend Hover.com. All of our domains are registered through them simply for the following reasons. They have:

  • An easy to use interface
  • Great customer support
  • Real personnel to speak to

Save $5 on your first purchase with Hover.com by clicking here


Once you’ve registered your new custom domain name for your PCCWeb website, contact us to get the information required to point your new domain name to our hosting server.

Looking at inputting text

Inputting text, especially when pasting from Microsoft Word, can sometimes give unexpected and inconsistent results.

The crux of this is as follows:

  • Avoid copying text from MS Word. If you have to, you can try using the ‘Paste from Word’ feature, which should work most of the time, but not always: not all styling/formatting will be removed. Instead, copy from Word, paste into a text editor like TextEdit (Mac) or NotePad (PC) first, to remove the unseen formatting that Word adds to text.
  • Check (and experiment with) the HTML editor. If there is something not displaying correctly, it’s probably a tag hidden in the HTML editor. The HTML editor will show you exactly what will be output to the screen (NOTE: With the exception of <p> tags, but only sometimes . . .).
  • Don’t use Headers (h1, h2, etc) to increase font size. If you feel that your theme’s font size is too small, this can easily be adjusted by working with the existing CSS styles in the Custom User CSS under APPEARANCE >> Custom User CSS. This is an easy way to make changes to theme elements like font-size if you’re familiar with CSS.