Journal Template
The Journal Template is an ideal template for publications with a focus on text and content. It is a linear template that recalls the structure of newspapers and forums.
Features
- Designed for reading
- Ideal for desktop
- Precise and tidy
Web structure and pages
Navigation menu
In the top navigation menu you will find the logo, navigation links and the highlighted action.
Guide
Notification
Above the navigation menu you can add a fixed notification at the top of every page
Blocks and subblocks
The template supports default blocks and main blocks, each with subblocks in list, grid and column modes.
Guide
Sidebar
In the sidebar you will find the list of authors of the website and any secondary links. Here you can add a highlighted section present on each page on the side.
Footer
In the footer you will find the website logo, identical to the one set in the navigation menu, and any secondary links.
Blogs and contents
The template supports the display of pages used as blogs and their contents, as well as the insertion of dynamic preview sections of a blog.
Custom style
If you want to customize the graphic style of the template, you can use the default settings or you can insert custom CSS.
Integrations and code
The template supports all available integrations and it is possible to expand its functionality with code injections.
Custom Classes
In addition to the standard classes of all other templates, the following additional classes are available in this template:
.App--grid {
/* The grid that creates the two columns between the page content and the sidebar */
}
.AppGrid--main-content {
/* Style that controls the main content of the page */
}
.Sidebar {
/* Style that controls the sidebar */
}
.Sidebar--container {
/* Main container of the sidebar */
}
.Sidebar--authors-container {
/* Main container of the sidebar authors list */
}
.Sidebar--authors {
/* Authors section of the sidebar */
}
.Sidebar--socials-container {
/* Main container of the list of social links of the sidebar */
}
.Sidebar--socials {
/* Social links section of the sidebar */
}
.Sidebar--label {
/* Label of the different sections of the sidebar */
}