Tags Side Navi Widget Component

The Primitive Template to show the tree structure of keyword tags.


n order to preview the tags side navi part, open it with Primitive Template editor page, and select the page to preview in the parameter setting dialog.

The appearance of the  tags side navi part is below.

Tags side navi part preview

This part is a gadget in the side part. Following Container Templates has this gadget.

Design Setting

The design of the tags side navi part consists of Html and Style. Most of websites can use this part without customizing.

But if you want to change the design, please change the html, style sheet and image resources.


The html code of tags side navi is below.

Most of the html code is generated by the server side program. The generated code is nested list using "ul" and "li" tags.

Style Sheet

The style sheet for the html above is below.

Server side program

The server side program of the tags side navi part is below.

This program generates tag's hierarchy about current node. It has parent, ancestors, children, and current node. It does not make all of the nodes because it is too heavy if generate all of them.

The first page of keyword topics can be a page with original content, therefore it have to be easy for search engine to detect the page theme.

Go to Top