独自デザインのWebサイトを作成

チャンクコード：

	</div>
</body>
</html>

チャンクコード：

<footer id="page-footer" role="contentinfo">
	<p><small translate="no">copyright &copy; Example. All rights reserved.</small></p>
</footer>

チャンク名"page-main"の内容：

<main id="page-main" role="main">
	<@IF:[*id:is='[(site_start)]'*]>
		<!--@IGNORE:BEGIN-->トップページは見出しレベル1をヒーローイメージで表示<!--@IGNORE:END-->
		<h1>
			<picture>
				<source media="(max-width:640px)" srcset="[(base_url)][(rb_base_url)]images/hero-image-sp.png">
				<img src="[(base_url)][(rb_base_url)]images/hero-image.png" width="1200" height="675" alt="[*pagetitle*]">
			</picture>
		</h1>
	<@ELSE>
		<!--@IGNORE:BEGIN-->トップページ以外は見出しレベル1をテキストで表示<!--@IGNORE:END-->
		<h1>[*pagetitle*]</h1>
	<@ENDIF>

	[*content*]

	<!--@IGNORE:BEGIN-->トップページにお知らせ一覧を表示<!--@IGNORE:END-->
	<@IF:[*id:is='[(site_start)]'*]>
		{{news-list}}
	<@ENDIF>

	<!--@IGNORE:BEGIN-->1カラムテンプレートの場合のみ直下のリソースの一覧を表示<!--@IGNORE:END-->
	<@IF:[*template:is='4'*]>
		<ul>[[Ditto?
			&parents=`[*id*]`
			&showInMenuOnly=`1`
			&tpl=`@CODE:<li><a href="[~[+id+]~]">[+pagetitle+]</a></li>`
		]]</ul>
	<@ENDIF>
</main>

チャンクコード：

<aside>
	<nav id="local-navigation">
		[[Wayfinder?
			&startId=`[*parent*]`
			&level=`1`
			&outerTpl=`@CODE:<ul>[+wf.wrapper+]</ul>`
			&rowTpl=`@CODE:<li[+wf.classes+]><a href="[+wf.link+]">[+wf.linktext+]</a>[+wf.wrapper+]</li>`
			&hereClass=`current`
			&lastClass=``
		]]
	</nav>
</aside>

チャンクコード：

<div class="news">
	<ul>[[Ditto?
		&parents=`7`
		&showInMenuOnly=`1`
		&dateSource=`pub_date`
		&tpl=`@CODE:<li><time>[+date:date(%Y年%m月%d日)+]</time><a href="[(base_url)][~[+id+]~]">[+pagetitle+]</a></li>`
	]]</ul>
</div>