Homepage Overview

Navigate to Content > Pages > Index

*Note: You can not change the name of the Index page. The Index.php is your home template and assigned automatically to your home page.  This templates operates the same as your "Subpage Fullwidth" template.

The home page (Index) works using various modules and elements throughout Ekklesia. The basics are:

  • Header: Logo, countdown timer, header links, navigation and search
  • Header area: three options - header image, background video, or image rotator
  • Sections: nine fullwidth sections available (utilizing monklets)
  • Footer: church information, social media links, footer links and newsletter sign up

Header Area

The header options for your homepage are the same for your subpage templates: static image, background video or image rotator.

SEE OVERVIEW HERE >>

With a static image or video, the "Header Text" field in your page settings can be used to add content overtop of the header spot (ie: text, buttons, etc.)

Welcome Video

This is displayed as the sticky bubble at the bottom left of the homepage header area and is managed under Content > Link Lists > Billboard Welcome Video. Within the link list, the "Welcome Video" title should remain as is, and the video should be selected in the "Link" field.

When the bubble is selected, the video will display overtop of the header area (see example below).

Note: to remove the welcome video, change the link list title, ie: "Billboard Welcome Video - OFF"

Sections

The majority of your homepage is controlled by sections, and this area is located at the bottom of the page settings. There are 9 available sections, and 7 of them are pre-populated with homepage monklets designed for the Allen theme (more on your Homepage Monklets HERE)

You can rearrange, remove, or replace any of these sections. Leaving any of the section fields blank won't cause an issue - you can choose to make your homepage as long or as short as you'd like.

Homepage Sections Overview

Home - Welcome

Content > Link Lists > "Welcome Cards"

This section uses the {{section-monklet-linklist-cards}} monklet to display a list of links from the "Welcome Cards" link list in a carousel. Within each item, the name, link and icon class fields are used. See a full list of icons available here: https://mk044.monkpreview.com/_assets/fonts/icons/icomoon/

Within the Home - Welcome section, the monklet labeled "Section Monklet - Listlist Cards" is used the content field.

The background color/image fields can be used to control the section background. the "Section Short Padding" category is used to reduce the overall height of this section.

Home - News

Content > Articles

Displays the 3 most recent articles from the Articles module.  

Within the Home - News section, the "Section Monklet - Recent Articles (3)" monklet is used. You can use the "find_category" or "find_group" to display articles for a specific category or group.

ex: {{section-monklet-recent-articles-3|find_catgeory="stories"}} 

The "section heading" field controls the title, and the description text/more news link pull from the "content" field. The background color field is also used.

Home - Series

Content > Sermons

Displays the most recent sermon that is published to the "Current Series" series.  The series image and description display in the left column, and the most recent sermon information displays in the right column.

When selecting the "watch" button, the sermon video player will display in the right hand column (see example below).

Within the Home - Series section, the "Section Monklet - Recent Sermon (Current Series)" monklet is used and should be the only item in the content field.

Note: This is a full width section option and should not be placed in the content of a page. No other content should be placed in the section with this monklet.

Alternate Sermons Monklet

The "Section Monklet - Recent Sermon" monklet option is not series based and can be used to display the latest sermon. This would need to be swapped out in the section content field.

ex: {{section-monklet-recent-sermon}} 

Home - Events

Events > Events

Displays the six most recent events published as featured. 

Within the Home - Events section, the monklet labeled "Section Monklet - Featured Events (6)" is added in the content field. You can use the "find_category" or "find_group" to display events for a specific category or group.

ex: {{section-monklet-featured-events-6|find_category="churchwide"}}

The "section heading" field controls the title, and the description text/full calendar link pull from the "content" field. The background color field is also used.

Home - Posts

Content > Blogs

Displays a carousel of up to 8 recent posts from a designated blog.  The image on the right side will remain static and pulls from the "Featured Image" field in the blog settings (Content > Blogs > Blogs tab).

Within the Home - Posts section, the monklet labeled "Section Monklet - Recent Post Carousel" is used in the content field, and the specific blog you want to pull from needs to be added as an inline parameter:

{{section-monklet-recent-post-carousel|name="blog-name-here"}}

The "section heading" field controls the title, and the description text/blog link pull from the "content" field. The background color field is also used, as well as the "section dark" category option.

Home - Ministries

Content > Link Lists > "Ministries"

This section uses the {{section-monklet-linklist-cards-carousel}} monklet to display the images/content from the "Ministries" link list in a carousel. Within each item, the name, link, image and description fields are used. 

Within the Home - Ministries section, the monklet labeled "Section Monklet - Listlist Cards Carousel" is used the content field.

The "section heading" field controls the title, and the description text/full calendar link pull from the "content" field. The background color/image fields can be used to control the section background. 

Home - Columns

Content > Link Lists > "Two Columns"

This section uses the {{section-monklet-linklist-fullwidth-columns"}} monklet to display between 2-4 images side by side with a text overlay. The example link list is titled "Two Columns" but you can create additional link lists for this setup as well.

For each item in the link list, the "subtitle" field controls the display title, and the additional fields used are name, link, image and description fields. If a link is added, then the "button text" field also needs to be populated.

Within the Home - Columns section, the "Section Monklet - Linklist Fullwidth Columns" monklet is used and should be the only item in the content field. The "find" parameter needs to be used in order to specify the link list where the content should pull from.

ex: {{section-monklet-linklist-fullwidth-columns|find="two-columns"}} 

The "section dark" category is selected, so the content displays white against the images. The "section overlay" category is also used.

Note: This is a full width section option and should not be placed in the content of a page. No other content should be placed in the section with this monklet.

Reusing this Monklet

Here are the steps for this side by side image column design throughout your site:

  1. Create a new link list (Content > Link Lists). Within the link list, add a new item for each column/image
  2. Copy the "Home - Columns" section and re-title the copied version. The section categories will need to be re-added to the copied section (Section Dark and Section Overlay)
  3. Update the "find" parameter in the monklet to include the title of the new link list created in step 1. ex: {{section-monklet-linklist-fullwidth-columns|find="link-list-title"}}
  4. Add this new fullwidth section to your page settings