Homepage Overview
Navigate to Content > Pages > Index
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.
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: nine 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 Class" 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. The text will display centered as the default.
The field "Header Class" allows you to manually add a class to change the header/billboard options. If more than one class is used, you must include a space in between the classes. Lowercase is required.
- overlay - adds a dark overlay to your header image or video
-
large - changes to a larger header image and the size requirements will increase to 2,732px wide by 1,564px tall
-
right - moves the header text box to the right
- left - moves the header text box to the left
Note: these "Header Text" and "Header Class" 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 9 available sections, and 7 of them are preset sections with monklets designed for the Finney theme.
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 setup uses a section and link list to display a row of three images/links.
The content/images are managed under Content > Link Lists > "Home - Connect". Each link represents a column and displays the best with 2 to 4 entries/columns. Within each item, the name, link, image, description and subtitle fields are used. The "description" displays as the small top heading, followed by the "subtitle" text. The link and image are required, and the image should be square (1,024px by 1,024px is recommended).
Within the Home - Connect section, the monklet "Section Monklet - Linked Image Row - Square" is setup in the content field. The "find" parameter is required in order to specify the link list name.
{{section-monklet-linked-image-row-square|find="home-connect"}}
The "section heading" field controls the title, and the description text/button are added above the monklet in the "content" field. The "Section Options: Container - Wide " category option is also used.
Events > Events
Displays the three most recent events published as featured.
Within the Home - Events section, the monklet labeled "Section Monklet - Featured Events List (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-list-3|find_category="events"}}
The "section heading" field controls the title, and the "view all events" button/link is added below the monklet in the "content" field. This default section is also using a background image and the following category options: "Section Options: Section Background Parallax" and "Section Options: Section Dark".
Alternate Option for a Single Event
If you'd like to display a single featured event only, the following monklets can be used:
- Section Monklet - Featured Events (1) - Left Box - displays the event overlay box on the left side
- Section Monklet - Featured Events (1) - Right Box - displays the event overlay box on the right side
These monklets work best when using a section background image and parallax background.
This setup uses a section and link list for the image carousel.
The content/images are managed under Content > Link Lists > "Home - Next Steps". Within each item, the name, link, image, description and subtitle fields are used. The "description" displays as the small top heading, followed by the "subtitle" text. The link and image are required, and the image should be square (1,024px by 1,024px is recommended).
Within the Home - Next Steps section, the monklet "Section Monklet - Linked Image Carousel - Square" is setup in the content field. The "find" parameter is required in order to specify the link list name.
{{section-monklet-linked-image-carousel-square|find="home-next-steps"}}
The "section heading" field controls the title, and the description text is added above the monklet in the "content" field. The "Section Options: Container - Wide" category option is also used.
Content > Articles
Displays the two most recent featured articles from the Articles module assigned to the "Stories" category.
Within the Home - Articles section, the "Section Monklet - Featured Article Columns (2)" monklet is used. You can use the "find_category" or "find_group" to display articles for a specific category or group.
ex: {{section-monklet-featured-article-columns-2|find_category="stories"}}
The "section heading" field controls the title, and the "view all stories" button/link is added below the monklet in the "content" field. This default section is also using a background image and the following category options: "Section Options: Section Background Parallax" and "Section Options: Section Dark".
Content > Sermons
Displays the image/video, title, date, and speaker for your latest message.
Within the Home - Sermon section, the "Section Monklet - Recent Sermon" monklet is used. You can use the "find_category" or "find_group" to display articles for a specific category or group.
This default section is using the background color field.
Content > Blogs
Displays a row of the three most recent blog posts published as featured. The image, date, author and title will pull from the blog post details.
Within the Home - News section, the monklet labeled "Section Monklet - Featured Post List (3)" is used in the content field. The specific blog you want to pull from needs to be added as an inline parameter:
ex: {{section-monklet-featured-post-list-3|name="blog-name-here"}}
The "section heading" field controls the title, and the description text/blog link pull from the "content" field.
This setup uses a section and link list for the newsletter sign up box. When a user subscribes, their email address will be added to the "Newsletter" group in the cms (People > Groups).
The text is managed under Content > Link Lists > "Newsletter Sign Up". The "name" field is used for the title, and the "subtitle" field controls the text. In the "description" field, the {{newsletter-sign-up}} monklet is added. This controls the sign up field and should not be removed.
Within the Home - Newsletter section, the monklet labeled "Section Monklet - Link List Featured Box" is setup in the content field. The background image is also added here, and the following section categories are used: Section Options: Section Background Parallax, Section Options: Section Dark, and Section Options: Section Overlay.