Homepage Overview
Navigate to Websites > Pages > Index
Note: You cannot change the name of the Index page. The Index template 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.
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.)
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 2 of them are pre-populated with homepage monklets designed for the homepage (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.
Home - Icon Bar
Settings > Link Lists > "Icon Bar - Quick Links"
This section uses the {{section-monklet-linklist-cards}} monklet to display a list of links from the "Icon bar - Quick Links" link list. 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 - Icon Bar section, the monklet labeled "Section Monklet - Listlist Cards" is used the content field.
Within the section, the background color is set to #19468c. The "Section Short Padding" category is used to reduce the overall height of this section, and the "Section Wide Container" category is used to extend the section wider than the side width.
Home - Card Rotator
Settings > Link Lists > "Card Rotator"
This section uses the {{section-monklet-linklist-cards-carousel}} monklet to display the images/content from the "Card Rotator" link list in a carousel. Within each item, the name, link, image and description fields are used.
Within the Home - Card Rotator section, the monklet labeled "Section Monklet - Listlist Cards Carousel" is used the content field.
Within the section, the description text pulls from the "content" field. The background color/image fields can be used to control the section background. .