Homepage Overview
Content > Pages > Index
The "Index" template is your homepage template and is assigned automatically to your home page. In the CMS, your homepage will be titled "Index" and cannot be changed. This template operates the same as your "Subpage Fullwidth" template.
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)
Header Area
The header options for your homepage are the same for your subpage templates: static image, looping/muted background video or image rotator.
"Header Text" and "Header Overlay" Fields
The field "Header Text" adds content overtop of your static header image or background video. This works the same as the page content field, so you can include text, buttons, etc.
This "Header Overlay" check box option will add a dark overlay to your header image or background video, so the text overtop is more visible.
Note: the "Header Text" and "Header Overlay" 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 rest of the page is controlled via sections, and the homepage sections function the same way as the "Subpage Fullwidth" template.
Homepage Sections Overview
This is a freeform content section using tabs for the Sunday worship content. The section titles show on the left side, and the tab content shows on the right.
Within the section, the "Home - Worship" category is assigned, to display the tabs in vertical format shown above. The highlight color field is also used to control the gold accent color.
Content > Sermons
Scrolls through the 3 most recent sermons.
Within the Home - Recent Sermons section, the monklet labeled "Section Monklet - Recent Sermons" is added in the content field. You can use the "find_category" or "find_group" to shows the latest sermons for a specific category or group.
Additional options used for this section include:
- "Radius" category to add the curve at the top/bottom of the section
- Background color
- Highlight color - controls the green accent/hover color
- Section heading and sub heading fields to control the section titles
Content > Link Lists > Next Steps Links
Displays a single row of linked images from the link list module. Within each item, the following fields are used: name, link, image and description. The image should be square (1,000px by 1,000px recommended).
Within the Home - Next Steps section, the monklet labeled "Section Monklet - Image Circles - 3" is added in the content field. The "find" parameter is needed in order to specify which link list to use.
ex: {{section-monklet-images-circles-3|find="next-steps-links"}
Within the section, the highlight color field is used to control the blue accent color. The heading and sub heading fields are also used for the section titles.
Events > Events
Displays the next upcoming event published as featured. The event name, date and time pull from the event details. the "Featured Event" title is hard coded in the monklet.
Within the Home - Featured Event section, the monklet labeled "Section Monklet - Featured Event" is used. You can use the "find_category" or "find_group" to the latest featured event for a specific category or group.
Additional options used for this section include:
- "Radius" category to add the curve at the top/bottom of the section
- Background color
- Highlight color - controls the orange accent/hover color
Media > Rotators > Latest Info
Displays image cards from a link list in rows of 3. Within each link list item, the following fields are used: name, link, image and description. The button text is required for a link.
Within the Home - Latest Info section, the monklet labeled "Section Monklet - Image Cards - 3" is added in the content field. The "find" parameter is needed in order to specify which link list to use.
ex: {{section-monklet-image-cards-3|find="latest-info"}}
Within the section, the highlight color field is used to control the pink accent color. The heading and sub heading fields are also used for the section titles.
This is a freeform content section, so the section titles, description, buttons, etc., are all managed in the section content field.
Additional options used for this section include:
- "Home - Outreach" category - displays the featured circle design around the section content
- "Radius" category - adds the curve at the top/bottom of the section
- Highlight color - controls the purple accent/hover color
Content > Articles
Displays the 3 most recent articles from the Articles module published to the "Stories" category. The article image, title, date and author are displayed.
Within the Home - Stories section, the monklet labeled "Section Monklet - Story Grid (3)" is added in the content field. The "find_category" parameter is added to the monklet, in order to show only the latest articles assigned to the "stories" category.
ex: {{section-monklet-story-grid-3|find_category="stories"}}
Within the section, the highlight color field is used to control the red accent color.
Content > Link Lists > Newsletter
This setup uses a section and link list for the newsletter sign up area.
The text is managed under Content > Link Lists > "Newsletter". The "name" field is used for the "The Weekly" title, and the "subtitle" field controls the "newsletter" title. For the circle area on the right, the description link and button text fields are used. The button text is required for the link.
Within the Home - Newsletter section, the monklet labeled "Section Monklet - Newsletter" is setup in the content field. The "find" parameter is needed in order to specify which link list to use.
ex: {{section-monklet-newsletter|find="newsletter"}}
Additional options used for this section include:
- "Radius" category to add the curve at the top/bottom of the section
- Background color
- Highlight color - controls the blue accent/hover color