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
Settings > Link Lists > Welcome Carousel
Displays a carousel of single link entries in 2 columns. The image field displays in the left column, and the name, subtitle and description display in the right column. The button text and url must be used together to display the button.
Within the "Home - Welcome" section, the monklet labeled "Section Monklet - Link List Carousel" is added in the content field. The "find" parameter must be used in order to specify which link list to use.
ex: {{section-monklet-link-list-carousel|find="welcome-carousel"}}
All of the content displaying above the rotator is managed in the section content field (headings and description text).
Events > Events
Displays the 3 most recent events published as featured.
Within the "Home - Events" section, the monklet labeled "Section Monklet - Recent Events (3)" 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-3|find_category="all-church"}}
The section title and description shown above the monklet are also managed in the section content field, and the "Section Light" category is used.
Media > Galleries - "Home - Gallery"
The 4 images are managed in the Galleries module under "Home - Gallery".
Within the "Home - Watch" section, the monklet labeled "Gallery Monklet" is added in the content field. The "find_gallery" parameter must be used in order to specify which gallery to display.
ex: {{gallery-monklet|find_gallery="home-gallery"}}
The content shown below the images is managed in the section content field (title, subtitle and buttons).
This is a freeform content section, so any text, images, links, etc. are managed in the content field. The one-half columns are setup using the grid generator tool: http://covenantpresby.monkpreview3.com/grid-generator/.
The "Section Light" category is also used to add the background color.
This is a freeform content section, so any text, images, links, etc. are managed in the content field. The two-third columns are setup using the grid generator tool: http://covenantpresby.monkpreview3.com/grid-generator/.