Relevant Contents Component

The Primitive Template to show the relevant pages calculated from the keyword tags. This part is for content pages and blog pages.

Appearance
Design Setting

Html
Style Sheet

Server side program

Appearance

In order to preview the relevant contents part, open it with Primitive Template editor page, and select the page to preview in the parameter setting dialog.

The appearance of the relevant contents part is below.

Relevant contents part preview

This part is used in following Container Templates and Top Templates.

Design Setting

The design of the relevant contents part consists of Html and Style Sheet.

Html

The html code of relevant contents part is below.


<aside>
  <div id="relevant" alns:if="{BOOL($size > 0)}">
    <h2>See also</h2>
    <ul>
      <li alns:iterate="@cms_page" alns:variable="oneRecord"><a href="{$oneRecord.url}">{$oneRecord.page_title}</a></li>
    </ul>

    <br style="clear: both;" />
  </div>
</aside>

Style Sheet

The style sheet for the html above is below.


#relevant {
  width: 100%;
  border: 1px solid #b6b6b6 !important;
  border-radius: 10px;
  box-shadow: 0 1px #efefef !important;
  margin: 15px 0 0 0;
}

#relevant h2 {
  font-size: 24px;
  font-family: Georgia,"Times New Roman",Times,serif;
  padding: 0 0 0 15px;
}

#relevant ul{
  padding: 0 0 0 20px;
  margin: 0 0 20px 20px;
  font-family: "Open Sans",Helvetica,Arial,"Liberation Sans",sans-serif;
}

#relevant ul li{
  padding: 0;
  margin: 5px;
}

#relevant ul li a {
	color:#21759b;
	font-size:16px;
	text-decoration:none;
}

Server side program

The server side program of the relevant contents part is below.


$limitValue = 0.60;

$baseUrl = getUrl($IN.cms_page_id);
$avoidSection = "%" + sameSection($baseUrl) + "%";

SELECT wmc_theme_similarity.cms_page_id_2 as cms_page_id,
	wmc_theme_similarity.value, cms_page.page_title, cms_page.page_sub_title
INTO cms_page
FROM
	(wmc_theme_similarity LEFT JOIN cms_page
    ON
    	wmc_theme_similarity.cms_page_id_2 = cms_page.cms_page_id)
    LEFT JOIN tree_model
    ON
    	tree_model.node_id = cms_page.node_id AND
        tree_model.tree_id = 'cms'
WHERE
	wmc_theme_similarity.cms_page_id = $IN.cms_page_id AND
    wmc_theme_similarity.value > $limitValue AND
    NOT tree_model.page_path LIKE $avoidSection AND
    cms_page.page_type <> 'tag'
ORDER BY wmc_theme_similarity.value DESC
LIMIT 4;

$size = Array.size(@cms_page);
for($i = 0; $i < $size; $i++){
	$cms_page[$i].url = getUrl($cms_page[$i].cms_page_id);
    
	if($cms_page[$i].page_sub_title == ""){
    	continue;
    }
    $cms_page[$i].page_title = $cms_page[$i].page_title + " - " + $cms_page[$i].page_sub_title;
}

return 0;

function sameSection($path)
{
	@elements = String.split($path, "/");
    
    $idx = 0;
    $size = Array.size(@elements);
    for($i = 0; $i < $size; $i++){
    	if($elements[$i] != ""){
        	$p[$idx++] = $elements[$i];
        }
    }
    
    $size = Array.size(@p);
    if($size == 0){
    	return "/";
    }
    
    $size--;
    $ret = "";
    for($i = 0; $i < $size; $i++){
    	$ret = $ret + "/" + $p[$i];
    }
	
    return $ret;
}

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";
}

The server side program uses content similarity data of the Search Engine Optimization tool of the Content Management System.

When you adjust the similarity level to include this link list, modify the "$limitValue" variable. This variable takes value between 0 to 1.0.

The links in the list have to be similar to current page. Therefore we reccommend not to modify the variable into too small value. More than 0.6(60%) is recommended.