Footer component for CMS Template

The Footer component is common parts for all of the CMS templates. And this component is what you have to customize at first.

The appearance and usage of Footer component

The default footer component's appearance is below.

Default footer design

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.

Read more


Created time: 2015-07-05 Last updated time: 2015-07-07

Header component for CMS Template

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 appearance and usage of Header component

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.

Default header

The default header is very simple. Therefore you can customize it easiy.

Read more


Created time: 2015-07-05 Last updated time: 2015-07-07

Go to top scroll component for CMS Template

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.

Appearance and usage of Go to top component

The component is shown when the page is scrolled. The layer with link to click is shown like below.

link to scroll to the top

By clicking it, the page scrolls vertically to the top of the page with animation. This function is implemented in Javascript.

Source code of Go to top component

This component is implemented in Html, Javascript, and Style Sheet. The server side program is not used.

Read more


Created time: 2015-07-05 Last updated time: 2015-07-06

Side Navigation Component for CMS Template

The side navigation component is to show the page structure of the main contents.

Usage and Appearance of the Side Navigation Component

The Side Navigation Component is used in following templates.

  • Default Page
  • Top Page
  • Blog Top Page

This component supports tree structured document in the website.

Side Navigation Component

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.

Read more


Created time: 2015-07-04 Last updated time: 2015-07-04

Articles Component for CMS

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.

Usage of the Article Component

The Article component is used in following templates.

  • Default Page
  • Top Page
  • Keyword Tag Page
  • Search Page
  • Blog Top Page
  • Blog Category Page

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.

Article Structured Data

By setting the Article markup, the detected structured data is shown on the Search Console of the Google.

Read more


Created time: 2015-07-01 Last updated time: 2015-07-04

Sticky Navigation Component for CMS template

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.

Appearance of Sticky Navigation Component

The Sticky navigation component is shown when you scroll down the page, like below.

Sticky Navigation

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.

Read more


Created time: 2015-07-04 Last updated time: 2015-07-04

Anchor Index Component for the CMS Templates

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.

Appearance of Anchor Component

The Anchor Component is used in each article contents. You can add it with WYSIWYG editor to edit the contents.

On the WYSIWYG Editor

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.

Anchor index component on WYSIWYG editor

Read more


Created time: 2015-07-01 Last updated time: 2015-07-03
1 2 3

Go to Top