前期的筹备事情已经完成了，这时候我们就要作我们的模板了。单击“测试”，进入模板组打点下的模板打点。如下图所示：
让我们单击一下“添加模板”，呈现如下界面：
我们取一个模板名称，如“列表页”。为什么不叫“公司动态列表页”呢？原因是这样的。假如我们这个网站只有这一种显示样式的列表页，但愿这个模板在行业动态利用的时候。也可以或许正常显示。所以，我们就取名“列表页”。单击“确定”之后如下显示：
我们单击“列表页”进入模板编辑界面，如下图所示：
把我们列表页的源代码复制到此大的录入框内。注：此时我们要作一件事件，什么工作呢？就是，各人可以发明，这上面有一个按钮叫“单击查察结果”，那可以或许直接查察结果了？可转念一想，差池呀，我们是通用的模板。不知道谁利用了这个模板？怎么可以或许看到实际显示结果呢？我们此刻就让这个按钮可以或许简朴的查察到前台显示的实际结果。把内容复制进去之后生存。我们在“列表页”这一行上单击右键。如图所示：
单击“可视化参数”，呈现如下图所示界面：
因为我们是要作栏目标显示列表模板，所以我们指定一个已经有内容的栏目ID，给它就行了。所以我们把“公司动态”的栏目ID，给它。此ID在那看到呢？就在如下界面的这个位置就是栏目标ID。
所以我们把3给它。确定即可。这样一来。我们在如下界面：
编辑标签，模板的时候。就可以直接利用“单击查察结果”成果了。话题有点远了，我们再从头返来呀，此刻我们编辑我们的列表页模板，上面已经说过了。成果分为4大块，我们一块一块的完成。建造前筹备，因为模板生成的处所不必然是几级目次下面，如/news/list/这样的。所以内里的图片、样式、JS引用的地点都不正确，所以我们按照窗口上面的提示，把他们替换了，如下图所示：
第1块成果：头部我们选中头部代码（我们要把头部代码作成公用的，所以我们也把logo一块包括进去），之后单击右键，选择“新建区块”，如下图：
我们给区块起一个可以或许记着而且寄义的名字：“头部”。我们此刻就对要显示的栏目举办挪用，我们可以看出，在上面的界面中，其实就是一直在div内里轮回显示a标签，只是有一个是当前栏目有一个样式罢了。那我们把光标放到后头，单击右键。选择如下图所示：