The Footer component is common parts for all of the CMS templates. And this component is what you have to customize at first.
The default footer component's appearance is below.
The design is quite simple.
This component is used in all of the CMS Template, like the Header component. Therefore, once you update the design of it, you can change design of all of the page's Footer part.
The Header component is one of the common parts used in all of the templates. When you start a new website, you have to customize the design of this part.
The header part is used in the all of CMS Templates. Therefore you have to change the design before start a website.
The Appearance of the default header part is below.
The default header is very simple. Therefore you can customize it easiy.
The Go to top component is to scroll the page to the top of the page. This component is useful when the page is long.
The component is shown when the page is scrolled. The layer with link to click is shown like below.
The side navigation component is to show the page structure of the main contents.
The Side Navigation Component is used in following templates.
This component supports tree structured document in the website.
This component shows the parent and ancestors, and sibling page nodes. When the page node is not leaf node, that means the node has children, then it shows the children.
The article part is most used component to show the body contents of the page. This component is for main contents, not for blog posts.
The Article component is used in following templates.
All of the pages but Blog Article Page uses this component.
This CMS manages the page structure by content editor. Then you can write content with the WYSIWYG editor. The edited content is styled by this component, and it is shown as published Html page.
By setting the Article markup, the detected structured data is shown on the Search Console of the Google.
Sticky Navigation part is to show the index of the article on the float div layer on the browser. In order to use this component, the Anchor Index component have to be located on the same template.
The Sticky navigation component is shown when you scroll down the page, like below.
The Html code inside the layer is loaded from the index section, which is generated by .Anchor Index Component
If the section is not there, the component is not show.
The Anchor index is common component which is used in each article edited with WYSIWYG editor. This component shows index of the headers in the articles.
The Anchor Component is used in each article contents. You can add it with WYSIWYG editor to edit the contents.
The Anchor Component can be set on the WYSIWYG editor. By adding it with .the inner module function of the editor
Added component is shown like picture below.