Kerygma

This guide will walk you through setting up a site with our Kerygma theme.

Theme Options

Upon installing and activating the theme, you’ll be redirected to the Theme Options page. This screen gives you the ability to set the options that are built into the theme such as appearance, branding, and podcast feeds.

The theme options are broken down into tabs that contain related options. Here’s a rundown on what each tab does:

Header
These options include the logo, navigation menu, shortcut favicons and hero section fonts.
Background
The background tab allows you to set a background color and optionally a background image. This is not where you add an image for the hero section at the top of each page. Those will be added by editing those pages directly.
Content
This tab gives options related to the main content area of the theme.
Footer
Add custom text for your footer here as well as colors. To add social icons, you’ll need to create a navigation menu (see that section below).
Sidebar
Colors and fonts for sidebar widgets.
Buttons
Set the colors of your buttons (hover and regular state).
Audio Feed
These options allow you to enter the information for your podcast audio feed.
It works with the Podcast Audio Feed template to create a feed you can use to allow visitors to subscribe to your podcast.
Video Feed
Essentially the same options as the audio feed, just for video instead.
Advanced
The advanced tab offers the ability to change the URL for your staff section, turn off Google fonts, theme updates and add any custom CSS.

The buttons to save the theme options are at the bottom of the page. You can create a backup of the options too. In the appearance section you’ll see a menu item for Options Import/Export. There you can create a backup of your options, or import previously saved ones.


Home Page

To set up your home page, first go to the pages section in your WordPress control panel and select Add New. Look in the right hand column of the Add New screen and you’ll see a drop down menu for template. From that drop-down choose “Home” and publish the page.

Next go to the Settings section in your WordPress control panel and choose reading. At the top of this screen you can choose what your front page displays. Choose a static page and then from the top drop-down menu there, select the home page you just created.

The content of the home page is made up of widgets. Here is a breakdown of the widgets that are used on the home page in the demo:

kerygma-home-widgets

The widgets are added by going to the Appearance section and selecting Widgets. The section in the middle lists the available widgets. The portion on the right has the widget areas in the theme. The default sidebar will appear on inside pages/posts. The Home Widgets is where widgets placed on the home page will be visible.


To set up your navigation menus, go to the Appearance section and select Menus. On this screen you can create the navigation that your visitors will use to browse your site. Here’s a quick video that explains how WordPress navigation works:

linksThe social icons in the footer also are made with a navigation menu. To add those create a new menu. Look in the left hand column for the “links” section. You’ll use this to add in your social icons. Just enter the full URL to your profile on the social network you’d like to link to. Add a label for it, the name of the network would be a good idea. Then add the link to your navigation menu. Repeat that for all the networks you’d like to add and save your menu. Then assign your menu to the “Social Icons” menu location. That will cause your icons to be visible there.

Here are the social networks with built-in icons:

  • Youtube
  • Skype
  • Vimeo
  • Twitter
  • Pinterest
  • LinkedIn
  • Instagram
  • Google Plus
  • Flickr
  • Facebook
  • Dribbble

Podcasting

Podcasting is at the heart of the Kerygma theme. To begin go to the Podcast section in your WordPress dashboard. Click Add New to create your first podcast episode. In many ways this works just like adding a post.

The title of the episode is placed at the top. Any text that you would like to include is added to the main content box.

To the right of the main content box you’ll see two boxes, one for series and one for speaker. These are ways you can associate your messages together. The series are for grouping messages together into series. The speakers box is for adding speakers to your messages. Both of these will form archives that can be clicked on by your visitors to see all the messages in your series and every message by the same speaker.

Below the main content box is another box that allows you to add the media for your podcast episodes. Here you can upload audio files, notes files (PDF’s) and video files.

If a video file is uploaded, it will be displayed in place of a featured image at the top of the page. To display video, it’s recommended that a third party service like Vimeo or YouTube be used if possible. There is a box in this section where you can place the embed code from one of these services and it will be used at the top of the page.

Series

One of the key features of Kerygma is the utilization of message series. To create and edit your series, go to the Podcast section and choose series. Here you can create and edit series. Each series can have a title, description and series graphic. It’s recommended that each series use all three of these. As the series are created, you can add your podcast episodes to them.

Displaying Podcasts

To display your podcasts, go to the pages section in your WordPress control panel and select Add New. On the new page screen, look on the right hand side for the templates drop-down menu. From that drop-down, choose “Podcast Series List” and publish your page. This will create a page for your site that lists all the podcasts series that have episodes published in them.


Hero Section

Kerygma has the ability to display large “hero” style images and text at the top of a page. When you’re editing a page, look below the main content box and you’ll see one that contains the hero section. There you can enter a hero title and caption. It’s also possible to create a button with a link there as well.

You can choose colors for the hero title, caption and button as well as the navigation menu too. That way you can choose text that shows up nicely against your images.

The actual image that is displayed is the “featured image” of the page. You can add that in the right hand column in the “featured image” box.


Staff

To create a directory of your staff members, first go to the Staff section in your WordPress control panel. Here you can create your staff members. Each staff member should add in an image. Their name should go in the spot at the top and their bio in the main content box. There are fields below that where you can enter their email address and phone number. You can also add links to their profiles on various social networks. To include a network, just enter the URL to their profile in one of the spots and it will be displayed on the front end. Here are the supported networks:

  • Facebook
  • Twitter
  • Instagram
  • Pinterest
  • LinedIn
  • YouTube
  • Vimeo
  • Skype
  • Google Plus
  • Flickr
  • Dribbble

Once you’ve created your staff members, go to the pages section again and create a new page. In the right hand column, choose the “Staff List” template and publish your page. This will display all your published staff members on one page.


Image Sizes

Here are the recommended image sizes for use with the theme:

Staff — 400 pixels wide by 600 pixels tall
Podcast — 960 pixels wide by 540 pixels tall
Hero — 2000 pixels wide by 1400 pixels tall


We hope you enjoy using Kerygma. If you have any questions, please post them in the forum and we will be happy to assist you.

Bill Robbins

I'm the creator of the Organized Themes. We're here to help you create a fantastic website. Let us know how we can help.