Standard Pages

Standard page is the template used in the content page. This page is default template of the content management system.

Appearance
Design Setting

Layout
Html
Style Sheet

Server side program

Main program
Get current page object
Making title
Make canonical url

Appearance of the Standard Pages

Standard pages are content page of the online document. This is the default template.

default template

The default setting of the Standard Page is 2 column layout. The navigation parts and side parts is on the left of the template. This 2 column layout is implemented by the Container Template.

Design Setting of the Standard Pages

The setting of the Standard Template is following.

Layout

The layout setting is below.

Template Layout

This template contain following parts.

The Middle of Main Page is the Container Template which includes the main part of this page. The Main part has side area and article area, and it is located in the 2 column lines.

Html

The Html of this template to be generated is below.


<!DOCTYPE html>
<html lang="en">
<head>
  <title>{$title}</title>
  <meta http-equiv="content-language" content="en-us" />
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <meta name="viewport" content="width=1000" />
  <meta name="description" content="{$cms_page.page_description}" />
  <link rel="alternate" hreflang="en-us" href="{$self}" />
  <link rel="alternate" media="only screen and (max-width: 640px)" href="/mb{$pagePath}" />
  <link rel="canonical" href="{$self}">
  {$autoHeader}
</head>
<body>
  {$autoBody}
</body>
</html>

In this template, The "$autoHeader" section is to be replaced with the html code generated from the layout setting you set.

Style Sheet

The style sheet of this template is below. The publishing engine generate "$autoHeader" section, and it is wrapped by the "div" tag whose id is "wrap".


body{
  padding: 0;
  margin: 0;
}

#wrap {

}

Server side program of the Standard Pages

The server side program of the Standard Pages is below.


$cms_page = getPage($IN, $SESSION);

$title = $cms_page.page_title;
if($cms_page.page_sub_title != ""){
	$title = $title + " - " + $cms_page.page_sub_title;
}

$domain = getSchemeAndSite($IN.node_id);
$pagePath = getUrl($IN.cms_page_id);
$self = $domain + $pagePath;

return 0;

function getSchemeAndSite($node_id)
{
	SELECT * INTO tree_model
    FROM
    	tree_model
    WHERE
    	tree_model.node_id = $node_id;
    
    $endIndex = String.indexOf($tree_model[0].page_path, "/", 1);
    if($endIndex < 0){
    	$endIndex = String.length($tree_model[0].page_path);
    }
    $site_path = String.subString($tree_model[0].page_path, 0, $endIndex);
    
	SELECT * INTO site_setting
    FROM
    	site_setting
    WHERE
    	site_setting.site_path = $site_path
    ORDER BY site_setting.force_https DESC;
    
    if($site_setting[0].force_https == 1){
    	$scheme = "https://";
    }else{
    	$scheme = "http://";
    }
    
    return $scheme + $site_setting[0].site_domain;
}

function getUrl($cms_page_id)
{
    SELECT tree_model.page_path, tree_model.page_children,
    	cms_page.cms_page_id, cms_page.force_folder
    INTO tree_model
    FROM
        tree_model LEFT JOIN cms_page
        ON
            tree_model.node_id = cms_page.node_id
    WHERE
        tree_model.tree_id = 'cms' AND
        cms_page.cms_page_id = $cms_page_id;
  	
    $idx = String.indexOf($tree_model[0].page_path, "/", 1);
    if($idx < 0){
    	return "/";
    }
    $len = String.length($tree_model[0].page_path);
    $path = String.subString($tree_model[0].page_path, $idx, $len);
    
    if($tree_model[0].force_folder == 1 || $tree_model[0].page_children > 0){
    	return $path + "/";
    }
    
    return $path + ".html";
}

function getPage($IN, $SESSION)
{
	SELECT * INTO cms_page
	FROM
		cms_page
	WHERE
		cms_page.cms_page_id = $IN.cms_page_id;
	
	return $cms_page[0];
}

The server side program of the Top Templates are almost same. Therefore, understanding one of this template means understanding other ones.

Main program

The main part of this program is below.


$cms_page = getPage($IN, $SESSION);

$title = $cms_page.page_title;
if($cms_page.page_sub_title != ""){
	$title = $title + " - " + $cms_page.page_sub_title;
}

$domain = getSchemeAndSite($IN.node_id);
$pagePath = getUrl($IN.cms_page_id);
$self = $domain + $pagePath;

return 0;

This program has 3 segments, each one does following procedure.

Get current page object
Making title
Make $self variable which is the canonical url of this page

Get current page object

At the first section, getting the current page object by calling "getPage()" function. The code of the function is below.


function getPage($IN, $SESSION)
{
	SELECT * INTO cms_page
	FROM
		cms_page
	WHERE
		cms_page.cms_page_id = $IN.cms_page_id;
	
	return $cms_page[0];
}

Making title

After getting the page object from the database, make the title.


$title = $cms_page.page_title;
if($cms_page.page_sub_title != ""){
	$title = $title + " - " + $cms_page.page_sub_title;
}

The sub title is optional, so, when the subtitle is input, add it.

Make canonical url

To make the canonical url, it uses "getSchemeAndSite()" and "getUrl()" function like source code below.


$domain = getSchemeAndSite($IN.node_id);
$self = $domain + getUrl($IN.cms_page_id);