Hub #1

Template Overview

The Hub is a content-heavy page specifically aimed towards regular and engaged church attenders. This page serves to provide the latest media and make it easy for regular attenders to be engaged.

HUB - CONNECT

  • Carousel of image links.
  • Contains Hub 1 Connect Links monklet.

HUB - EVENTS

  • Carousel of up to 20 recent Events in a row of 3 at a time.
  • Contains Hub 1 Events monklet.

HUB - SERMONS

  • Displays the most recent sermon and series information.
  • Contains Hub 1 Sermons monklet.

HUB - ARTICLES

  • Carousel of up to 20 recent articles.
  • Contains Hub 1 Articles monklet.

HUB - BLOG

  • Carousel of up to 20 recent blog posts.
  • Contains Hub 1 Blog monklet.

HUB - GROUPS

  • Displays up to 40 small groups.
  • Contains Hub 1 Small Groups monklet.

HUB - GIVE

  • WYSIWYG Content Section.

HUB - NEWS

  • Carousel of image/news type links. 
  • Contains Hub 1 News monklet.

Your Hub #1 templates allows up to 9 content sections and provides the same options as your main site full width sections.

Content > Sections

Content - This is the main content block and supports the content/styles of the page content.

Background Color - This color allows you to set the background color of the section and should be a html hex value.  A good reference is http://www.w3schools.com/tags/ref_colorpicker.asp.

Background Image - This serves as the section background image.  This image should be 1,400px in width by the desired height.  The height will depend on the amount of content in the section.  A recommended height would be between 600px and 1,200px (double for retina).

Dark Background - Selecting this checkbox displays the content in white color on top of the site default section background color or dark background image.  

Large Padding - Adds additional horizontal padding to make the container taller.

Narrow Container - Displays the content at a narrow width.

Parallax Background - This option turns the Background Image into a parallax background.

Icon Class - Selecting the page checkbox "Section Nav" will place a section navigation at the bottom of the page on mobile devices allowing users to scroll between sections.  If this option is used the section Description will be the name of the link and the Icon Class is used to add a custom icon to the link.  If the page checkbox is selected only sections with the Description field used will display in the navigation.  To see a full list of available icons: http://mk041.dev.monkpreview.com/_assets/fonts/icons/icomoon/

Sections and Monklets

Overview

Monklets defined with "Hub 1 Monklet " in the title can be inserted in the content area of a section.  Inline parameters are not currently supported, except for the blog and link list monklets.  Monklets are setup to display all items from a given module.  *To filter items you can assign a group to the page (in addition to the default site group).  Once assigned all monklets will pull in and display all matching items from modules with the same group.  This applies to all modules, except the "Hub 1 Monklet - Connect Links" and "Hub 1 Monklet - Link List" monklets as these both use link list and groups are not supported.

NOTE: Groups are supported throughout all modules (sermons, blogs posts, articles, and events) so using a single group will work seamlessly through all modules.

Content > Link Lists > "Hub Link"

This Link List should contain a link to your Hub landing page.  The name of the link will be used for the title and landing page name.  If an image is used it will be the Hub template logo icon.  The logo will be capped at a width of 390px but is recommended to be a square icon image (re. 46px in width by 46px in height).

Connect | Section and Monklet

Content > Sections > Hub - Connect

Displays image links from a link list.  The find inline parameter is required.  

Connect Images

All images used within the same list should be the same size.  Square or 16:9 ratio images are recommended.  The "find" inline parameter is required.  The coloring is based on your Accent Color options from the color picker.

Connect Content

The CONTENT field can include any WYSIWYG content before or after the monklet.

{{hub-1-monklet-connect-links|find="hub-1-connect-links"}}

Using Inline Parameters

https://help.ekklesia360.com/article/using-inline-parameters/

Events | Section and Monklets

Content > Sections > Hub - Events

Displays up to 20 recent events in a carousel row of 3 events at a time.  

Event Images

Images should be 1,024px wide by 576px tall.  The "Missions Trips and Classfinder #1" categories are automatically hidden.

{{hub-1-monklet-events}}

Sermons | Section and Monklet

Content > Sections > Hub - Sermons

Displays the most recent sermon and the series information that sermon is assigned to.  If no series is assigned the 2 most recent sermons will display.  

Sermon Image and Video

Images should be 1,024px wide by 576px tall.  If a video is assigned to the sermon it will display in place of the image.

{{hub-1-monklet-sermons}}

Articles | Section and Monklet

Content > Sections > Hub - Articles

Displays up to 20 recent articles in a carousel row of 1 article at a time.  

Article Images and Videos

Images should be 1,024px wide by 576px tall.  If a video is assigned to the article it will display in place of the image.  The "Volunteer" category is automatically hidden. Must include the Hub 1 Articles Monklet. 

{{hub-1-monklet-articles}}

Blog | Section and Monklet

Content > Sections > Hub - Blog

Displays up to 20 recent blog posts in a carousel row of 1 post at a time.  The blog image and description display as the first slide.  

Blog Images

Images should be 1,024px wide by 576px tall.  This monklet requires the name inline parameter to define which blog to display posts from.  If this is not used all blogs will be displayed.

Using Inline Parameters

https://help.ekklesia360.com/article/using-inline-parameters/

Groups | Section and Monklet

Content > Sections > Hub - Groups

Displays up to 40 small groups.  The "Missionaries" category is automatically hidden.  If the group has  valid address that supports latitude and longitude the group will display on the map.

{{hub-1-monklet-small-groups}}

Give | Section

Content > Sections > Hub - Give

WYSIWYG Section to direct users to your giving related page(s). The example content uses the DARK BACKGROUND, LARGE PADDING, and NARROW CONTAINER custom styling check-box options.

Content > Sections > Hub - News

Displays image/news type links from a link list in a carousel row of 1 link at a time.  The find inline parameter is required.  

Images

Images should be 1,024px wide by 576px tall.  The Button text field is required to display the link/button.

News Content

The CONTENT field can include any WYSIWYG content before or after the monklet.

{{hub-1-monklet-link-list|find="hub-1-news"}}