BuilderChild-City-Church

(Difference between revisions)
Jump to: navigation, search
(Sermons Listing (Archive) page)
(Staff Listing (Archive) page)
Line 70: Line 70:
  
 
There is no need to create a Page titled ''Staff'' to display all Staff entries. When you go to www.yoursite.com/staff, it will automatically list the existing Staff members.
 
There is no need to create a Page titled ''Staff'' to display all Staff entries. When you go to www.yoursite.com/staff, it will automatically list the existing Staff members.
 +
 +
Note:
 +
 +
* The above is assuming that Pretty Permalinks are enabled in your WordPress site.
 +
* Recommendation: Go to Settings -> Permalinks and have the permalink structure as either Day and name i.e, <code>/%year%/%monthnum%/%day%/%postname%/</code> or <code>/%postname%/</code>
 +
* More info: http://codex.wordpress.org/Using_Permalinks
 +
  
 
Ex.:
 
Ex.:

Revision as of 19:56, November 29, 2011

Demo Site

Contents

Introduction

Install and activate BuilderChild-City-Church theme.

Builder Church Block is a WordPress plugin which adds sermons and staff post types for easily adding content to your church web site. While this plugin can be used with any theme, BuilderChild-City-Church theme uses functionality provided by this plugin via in-built template files for listing of Sermons and Staff entries etc.

Builder Church Block can be downloaded from here. After installing it like any other WordPress plugin and activating it, two new sections titled Sermons and Staff will be added to WP dashboard.

Sermons-staff-sections-dashboard.png

Sermons

Adding a Sermon

To add a new Sermon, click on Add New link next to Sermons and fill in the data like you would in any Post or Page.

Sample screenshot showing Add/Edit screen for Sermons Custom Post Type

It is recommended to add a Featured Image and a audio file (in mp3 format) to your Sermon entries where applicable/possible. These, if present, will appear on the Sermons listing page.

Note: In Sermon Audio File meta box, even though you might have uploaded mp3 file(s), the message "You currently have 0 audio file in your gallery for this sermon." will continue to show unless the entry is published.

Sermons Listing (Archive) page

There is no need to create a Page titled Sermons to display all Sermon entries. When you go to www.yoursite.com/sermons, it will automatically list the existing Sermons.

Note:

  • The above is assuming that Pretty Permalinks are enabled in your WordPress site.
  • Recommendation: Go to Settings -> Permalinks and have the permalink structure as either Day and name i.e, /%year%/%monthnum%/%day%/%postname%/ or /%postname%/
  • More info: http://codex.wordpress.org/Using_Permalinks

Click here to view a screenshot of Sermons Listing Page.

When the Play button under Listen is clicked, the audio plays in a lightbox.

Listening to a Sermon

Child Theme Settings

It is possible to display custom HTML above the Sermons listing w/o editing php files. Go to My Theme -> Settings -> Child Theme Settings. Any HTML that's entered in "Extra Text" field will automatically appear above the Sermons listing.

Screenshot showing custom HTML which appears above Sermons listing - Click to enlarge

If you would like to display a "Subscribe to the Podcast" button, go to My Theme -> Settings -> Child Theme Settings and enter the URL of your iTunes podcast in Podcast Link field.

Screenshot showing a Podcast Subscription button which automatically appears when a URL is entered in backend

We can enter a custom title which will appear in place of the default "Sermons" text on the Sermons listing page.

Screenshot showing a custom title for Sermons archive

Staff

Adding a Sermon

To add a new Staff person, click on Add New under Staff section and fill in the data like you would in any Post or Page.

Screenshot showing Add New Staff screen - Click to enlarge

Single page of Staff entry page looks like this:

Single-staff-entry-page.png

Clicking on Click for Long Bio will reveal the full content.

Staff Listing (Archive) page

There is no need to create a Page titled Staff to display all Staff entries. When you go to www.yoursite.com/staff, it will automatically list the existing Staff members.

Note:

  • The above is assuming that Pretty Permalinks are enabled in your WordPress site.
  • Recommendation: Go to Settings -> Permalinks and have the permalink structure as either Day and name i.e, /%year%/%monthnum%/%day%/%postname%/ or /%postname%/
  • More info: http://codex.wordpress.org/Using_Permalinks


Ex.:

Staff-listing-page.jpg

Blog

This theme uses the_content() (vs the_excerpt()) in index.php. Therefore you might want to break up your content if it is long using WordPress in-built more quicktag functionality.

In blog listing page, featured image (if present) for each post will automatically be displayed at the left side with content wrapping around it to the right.

Blog-posts-page.png

How to make Play button under Listen link to a specific URL

If the audio file that you want the Play button to link to is large, then because of host file size restrictions it might not get uploaded via the "Upload an audio file" button. In such cases you might want to upload the mp3 file to another server or place it on your server using a FTP client and have the Play button link to it. The steps below will explain how this can be done:

1. Install and activate Advanced Custom Fields plugin. Go to Settings -> Adv Custom Fields. Add a new custom field which should appear in Sermon entry edit screen.

Sermon-mp3-link.png

2. Edit Sermon entries and add the URL of your choice in the new metabox.

Mp3-link-metabox.png

3. Edit wp-content/themes/BuilderChild-City-Church/archive-sermon.php.

Below line 109, paste

						<?php if (get_field('sermon_mp3_link')) { ?>
							<div class="sermon-block-wrapper sermon_mp3 left">
								<h3>Listen</h3>
								<!-- post meta - sermon mp3 link -->
								<div class="entry-meta sermon-mp3-link">								
									<a href="<?php echo get_field('sermon_mp3_link'); ?>" rel="audio-file">MP3</a>
								</div>
							</div>
						<?php } ?>
Sermon-mp3-link-code.png

That's it.

This will make the Play button link to the URL of your choice that has been entered when editing the Sermon entry.

Sermon-mp3-link-onsite.png

Entry 3

Entry 4

Personal tools
Namespaces
Variants
Actions
iThemes Codex
Codex Navigation
Toolbox