Default Template

During installation a default page template is created. The default template is fairly basic but allows you to start working with the CMS, you can duplicate the default template or work with it directly to customize it to your needs. Add-on modules are shipped with default CSS files which work with the default template to provide a usable set of examples.

To edit the template, at the dashboard click Elements, then click the folder icon next to Templates, then finally click default. The default template is as follows:

<!DOCTYPE html>
<html lang="[[+sitelang]]">
<head>
	<meta charset="utf-8" />
	<title>[[+sitename]] - [[+meta_title]]</title>
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
	<base href="[[+siteuri]]" />
	[[if &subject=`[[+meta_description]]` &operator=`!empty` &then=`<meta name="description" content="[[+meta_description]]" />`]]
	[[if &subject=`[[+meta_keywords]]` &operator=`!empty` &then=`<meta name="keywords" content="[[+meta_keywords]]" />`]]
	<link href="system/app/chunks/fusion.min.css" rel="stylesheet" type="text/css">
	<!--[if lt IE 9]>
	<script src="cdn.jsdelivr.net/g/respond,html5shiv"></script>
	<![endif]-->
	<style type="text/css" media="all">
		body {
			color: #222;
			background-color: #eee;
			font-family: serif;
			font-size: 95%;
			padding: 30px;
		}
		a { color: #00A9D3; text-decoration: none; }
		a:hover { color: #222; }
		.container { max-width: 960px; margin: 0 auto; }
		header { font-size: 200%; padding-bottom: 30px; }
		footer { text-align: center; margin-top: 20px; }
		.hnav a {
			color: #fff;
			background-color: #00A9D3;
			padding: 2px 10px;
			-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
			border-radius: 3px;
		}
		.hnav a:hover { color: #fff; background-color: #0099c3; }
		.breadcrumbwidget { margin: 10px 0; padding: 5px 8px; background-color: #D2DDD9; }
		[id*="collapsedMenu"] {
			width: 50%;
			margin: .5em auto;
			padding: .3em .6em;
			border: 1px solid #9ba6ab;
			-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
			border-radius: 3px;
		}
		h1 span { color: #666; font-size: 60%; display: block; }
	</style>
	[[javascript &core=`1` &src=`system/app/chunks/fusionCSS.js`]]
</head>
<body>

	<div class="container">
		<header class="row">
			<div class="span-s12">
				[[+sitename]]
			</div>
		</header>

		<nav class="row">
			<div class="span-s12">
				[[navigator &start=`0` &class=`hnav pill collapseMenu`]]
			</div>
		</nav>

		<div class="row">
			<div class="span-s12">
				[[breadcrumb]]
				<h1>[[+title]] [[if &subject=`[[+subtitle]]` &operator=`!empty` &then=`<span>[[+subtitle]]</span>`]]</h1>
				[[+content]]
			</div>
		</div>

		<footer class="row">
			<div class="span-s12">
				Copyright &copy; [[date &format=`%Y`]] [[+sitename]]. All rights reserved.
			</div>
		</footer>
	</div>

</body>
</html>

After you have updated the template click Update Template, to save the changes and update all the pages using the template to the new version.

« Previous Next »


TOP