Lunteer Editor Overview
The Lunteer editor gives you the ability to add different content sections within a web page. The editor is used through the Lunteer Platform and is not its own tab in the left menu. There is an editor when creating/editing a post, page, slider, and template.
Adding Sections
To add a new content section, click the blue Add Section button (See Image).
The Add Section screen opens allowing you to choose from a range of layout types for your new section.
Basic
Basic tab allows you to select from many different layout options for laying out content – full width, halves, thirds, and various other column combinations.
Advanced
Advanced layouts give you some more creative options, including a “Tabs” layout that displays a section’s content across multiple clickable tabs.
My Templates
In My Templates, you can choose from your own previously saved template layout options. You can add as many sections to a page as you like.
Section Cog
Every section has a cog icon to the top right which opens an options menu. You can change content type (discussed below in Advance Settings), style, or delete the section.
Advance Settings
Background Content Settings
After adding a new layout template for your section, you will automatically be prompted to add a background to your new section. This is an optional stage of your content creation.
You can either choose to add a background image at this stage, or you can add the background at a later time.
To add a background image, click the cog in the top right of the section, then choose the Style menu option. The Style Selection and Columns Screen opens displaying three tabs: Background, Layout, and Custom CSS.
By default, the entire section (default) is selected for adding the background, but you can choose a smaller subsection by clicking the relevant graphical section to the left of the screen.
BACKGROUND
You can add a background color with transparency or an image. You can either select an image you’ve already uploaded to your website or upload a new image. All uploaded images are added to the media library. The image can be set to be parallax.
LAYOUT
You can adjust the padding of the section for desktop/tablet and mobile.
CUSTOM CSS
Add custom css or scss for a section or subsection, or apply custom classes.
Content Types
With the Lunteer editor, you have a number of content types available to you: text, a list of recent posts, a form, slider, or a Google map. You can also leave a slider blank, if you like. If you change your mind about what type of content you want, you can change the content type at any point afterwards.
Text
If you choose to display text content on a visual editor will open allowing you to add and edit content similar to a word processor.
Recent Posts
If you choose to display a list of recent posts, a sample list will appear with various customizable options. You can choose to display posts from a specific category or you can change the number of posts. There are four layout options for the posts:
- Classic Blog – show posts with a thumbnail image, headline, author, and date
- Text Only – list of posts without a thumbnail image
- Grid – you can choose the number of columns
- Tiles – for a brick-like effect
Each layout option has a number of additional ‘Advanced Options’ where you can set preferences for showing the author’s name, date, or an excerpt.
Forms
If you choose to display a form, you have the choice of inserting an existing form or building a new form. Please note that the forms available for insertion are built or edited under “Forms”; which is accessible from the left-hand menu.
Google Maps
If you choose to display a Google map, you will find a sample map with a search bar above it. Enter an address, or the name of a location into the search bar, and the map will re-center on the location that you specified.
Sliders
If you choose to display a slider, you will be shown a dropdown to select a slider. Only sliders that have been published will be displayed.
Recap
The Lunteer editor was designed to give you complete control over your page layout without the need for a designer or developer. Choose from sections with different layouts, and add a range of different content types to build a page that answers your publishing needs.
Insights Newsletter