Site Settings
Panel (top of the page): menu › site – tab: Settings
ZoON theme features
ZoON theme for Kirby CMS offers a full set of features, so you can kick off your website in no time.
Brand
Specify the use of a logo or a name, optionally repeated in the site footer. There are three styling options for using a name:
- Site name in a circle
- Site Name in a square
- Site Name in a rouded square
There is support for the use of a icon and/or favicon and a website manifest file, instructions are given in the panel.
General
Settings for language, date formatting, breadcrumb navigation, Night mode (light text with a dark background) and Google analytics.
Footer
Text for the site footer, typically used for site and contact information and a field for copyright text.
Standard Text
Default text for parts like menu, pagination and tags can be adjusted to match your language/preference.
Site Name styling options:
Homepage
Description
Used for the Meta Description (Search Engines).
Content and Layout
Content and layout can be crafted with the use of Page Builder Blocks.
11 Page Builder Blocks
Supplied blocks: Text Block, Quote Block, Aside Block, Images Block, Columns Block, Table Block, Accordion Block, Carrousel Block, Gallery Block, Pages Block, Features Block.
Collection Page
The first page in a section, displays in the main menu, it gives an overview of all the pages (Item Pages) published in that section.
Page Content
A Collection Page can add it’s own content:
- Description, a short intro directly underneath the Title, can be switched off to be only used for SEO.
- Text field for any additional information underneath the description.
- The Cover image is used for panel preview only.
Pages in Section
This is where you add Item Pages to your section, there a three status lists:
- Drafts: Can be viewed by logged in users only.
- Unlisted: Public (by url) but not visible on the site.
- Published: visible on the site.
Display options
- Use a List layout, default is Cards.
- Show pages by year, fill in the Year field on Item Pages.
- The amount of pages after which Pagination kicks in.
Pages options
Per default, pages display with Title, Cover image, Description and Meta info:
- Description, switch on/off and specify the length of the excerpt.
- Switch on/off the display of Date, Author, Tags.
Navigation in Section
- Submenu (tree menu) on all pages in this section.
- Previous / Next page navigation.
Item Page
Used for publishing the pages on the site, which in return are displayed on a Collection Page. But an Item Page can also be used as the first page in a section, without using the Collection Page.
Description
Used for the intro text directly underneath the page title and Meta Description (Search Engines and Share Buttons).
Cover Image
Used on Collection Pages and optional on the page directly after the intro text. Can be combined with a Table of Contents.
11 Page Builder Blocks
Supplied blocks: Text Block, Quote Block, Aside Block, Images Block, Columns Block, Table Block, Accordion Block, Carrousel Block, Gallery Block, Pages Block, Features Block.
Share Buttons
Optional per page: Twitter, Facebook, Whatsapp, LinkedIn and Email.
Metadata
Date, Author and Tags. An author’s bio can be specified: top of the page: menu › users and will be displayed at the bottom of the page when the author’s name has been filled in.
Images and Files
Separate upload fields, once uploaded they will be able to be selected in other fields/blocks. You can drag (hold by filename) and drop images and files into a text field.
Pages
Subpages for the page or section. Drafts and unlisted will display with a different status color (red and blue).
Cover on the page
Switch, in the page settings, to display the cover on the page. The cover is always used for display on a Collection Page or the Homepage.
Table of Contents
Generates a ToC from all h2 headings on the page, like the one at the top of this page. Headings need to manualy be suplied with an id.
Layout ToC with Cover
Cover image and ToC are displayed in a combined layout in one block.
Navigation settings
Settings that are only used when the page is used as the first page in a section, without the use of a Collection Page.
Submenu navigation
Switch on subpage (tree menu) navigation for this section. Can also be combined with Previous / Next page navigation. You can nest pages as deep as like, there are no limits only your sensible judgement.
Previous / Next navigation
Switch on page navigation, showing Title and Cover imageat the bottom of the page.
What else?
Standard Pages
Error and Search page, text can be adjusted and for search results the display of Cover images can be turned on/off.
Multiple languages
You can use multiple languages, a language switcher will display at the top of the page when more than one language is specified.
Sitemap
A sitemap for Search Engines is available at this url: ‘yourdomain/sitemap’.
Customize
Add a .css or .js file to your page content folder. Or adjust by template, by placing a file with the template name (item-page / collection-page) in: assets › css › templates or: assets › js › templates.
Edit page
When logged in, a link to the panel page is displayed at the bottom of the page, for easy editing.
Browsers
Designed for and tested with modern browsers only: recent versions of Safari, FireFox, Chrome, iOS and Android. This theme doesn’t support ‘retro gear’ like IE.
In the box
The theme includes most pages from this demo site, with exclusion of the subpages in the Docs section. The panel text is written in English.
Tips
1) Builder Blocks
Text Block
Quote Block
Aside Block
Images Block
Columns Block
Table Block
Accordion Block
Carrousel Block
Gallery Block
Pages Block
Features Block
Share
