Homepage Overview
Navigate to Content > Pages > Index
The home page (Index) works using various modules and elements throughout Ekklesia. The basics are:
- Header area: three options - static image, looping/muted background video or image rotator
- Sections: 12 fullwidth sections available (utilizing monklets)
Note: You cannot change the name of the Index page. "Index" is your home template and assigned automatically to your home page. This templates operates the same as your "Subpage Fullwidth" template.
Header Area
The header options for your homepage are the same for your subpage templates: static image, looping/muted background video or image rotator.
Optional Header Fields
With the "Header Overlay" check box, you can add a dark overlay to the header image/video. This is helpful if you are using text overtop.
Note: to have the dark color overtop of the header image or video extend/bleed into the page content area, this option needs to be checked.
The field "Header Text" adds content overtop of your static header image or background video, which will override the page title. This works the same as the page content field, so you can include text, buttons, etc. The text will display left aligned.
If you are using the default page title, the "Header Tagline" field can be used to add a short line of text underneath the title.
Note: the "Header Text" and "Header Tagline" fields will not be used with the image rotator option. The text overlay and additional settings pull from each rotator slide.
For the rotator options, see more info here >>
Sections
The majority of your homepage is controlled by sections, and this area is located at the bottom of the page settings. There are 12 available sections, and some of them are utilizing monklets to pull content from other modules.
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
This section is using a two column setup to display the welcome text on the left and an image grid on the right.
GET TO KNOW US
The left hand content is managed within the content of the Home - Visit section. The titles are using Heading 4 and Heading 1. The section is also setup with tabbed content.
IMAGE GRID
The images/button links are managed under Content > Link Lists > "Home - Welcome", and images will displays in rows of two. Within each item, the URL and Button Text fields are used to display a button as an overlay.
Within the Home - Visit section, the "Section Monklet - Linked Image Button (2)" monklet is used to display the image grid. The "find" parameter needs to be used in order to specify the link list where the content should pull from.
ex: {{section-monklet-linked-image-button-2|find="home-welcome"}}
This is a freeform content section, so any text, images, links, etc. are managed in the content field.
For this section, the background is using the "background image" field, and these section categories are assigned: "Section Dark" and "Section Overlay Color". The section titles are managed in the is managed in the "section heading" field and "section sub heading" fields.
Content > Sermons
Displays the series, image/video, title, date, speaker and summary for your latest message.
Within the Home - Sermons section, the "Section Monklet - Latest Sermon Full Width - Media" monklet is used. You can use the "find_category" or "find_group" to display sermons for a specific category or group.
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.
the full width option is automatically applied, and the sermon details display in the right column by default. Selecting the section category " Section Options: Section 50/50 - Image Left" will move the sermon details to the left.
Events > Events
Displays the 9 most recent events in a carousel.
Within the Home - Events section, the monklet labeled "Section Monklet - Recent Events Carousel" is added in the content field. You can use the "find_category" or "find_group" to display events for a specific category or group.
The content displaying above the event rotator is managed in the section content field. The section titles are also managed in the is managed in the "section heading" field and "section sub heading" fields.
Content > Article
Displays the most recent article with the details on the left side and image on the right.
Within the Home - Article section, the "Section Monklet - Latest Article Full Width - Media - Right" monklet is used. You can use the "find_category" or "find_group" to display articles for a specific category or group.
ex: {{section-monklet-latest-article-full-width-media-right|find_category="articles"}}
This section is also using the following categories: "Section Light" and "Section Overlay".
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.
Content > Link Lists > Home Connect
This setup uses a link list and displays a custom layout for your app links. This monklet should only be used in a full width section.
There should only be a single first level item in the link list (ie: Stay Connected). The Name controls the Heading 1 title, the Sub Title is the top section heading and the description displays as the heading 3 description. The device image pulls from the image field, and this image should be 564px wide by 640px tall.
Underneath the first level item, each level 2/child link displays below the description. If a link has an image, it should not use the button text. Links with button text will display as a primary button style.
------------------------------------------------------------------
Within the Home - Connect section, the "Section Monklet - Connect" 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-connect|find="home-connect"}}
For this section, the background is using the "background image" field, and these section categories are assigned: "Section Dark" and "Section Overlay Color".