posted time Created time: 2015-07-28 posted time Last updated time:

Blog to Main Navigation Component

The Blog to Main Navigation Component is to support the site structure using main contents and blog articles. This component is blog version of the Side  Navigation Component.

Usage and Appearance of the Blog to Main Navigation

The Blog to Main Navigation Component is used on the CMS template of Blog Article Page. The blog pages are under the main content page, and the main content pages works as the blog category.

The appearance of this component is below.

Navigation to the main contents

This component shows the location of this blog article, and gives links to the relevant main content pages.

Source code of the Blog to Main Navigation Component

This component consists of Html code, server side program, and Style Sheet. The source of this component is similar to of Side Navigation Component for main contents.

Html code

The Html code of the Blog to Main Navigation component is below.

This Html code uses the "@list" variable and other variables. These variables are created by the server side program.

Server side program

The server side program of the Blog to Main Navigation component is below.

This program make variables by following operations.

Get page node id of the bread crumb

The "selectPageId()" function get the parent page of current blog article. The function to select the parent main content page is same with one of the bread crumb.

The page is calculated from the keyword tag setting.

Create the variables for navigation

After the comment which is "", the operation is same with the Side Navigation Component for Main Contents.

This part creates variables for the navigation list. The list has information about the hierarchy of the main contents.

Style Sheet

The Style Sheet of the Blog to Main Navigation component is below.

The Style Sheet of this component is completely same with the the Side Navigation Component for Main Contents.


Go to Top