上一篇《剑鱼论坛主题(模板)文件结构》一文中我们介绍了剑鱼论坛主题文件的构成,以及每个文件的作用。其中有一些文件是可以省略的,这些可以省略的文件都是提取了主题模板的公共HTML代码部分,并把这部分公共代码单独存放在一个文件里面。这一篇我们就是要来学习如何实现把HTML代码存放到另一个文件中,并作为公共代码使用。
要实现以上的目标,首先要确定哪部分代码是可以作为公共代码的,一般来说公共代码是每个页面都需要使用的,或者是有部分页面都需要使用,这个时候您可以把这段代码存放到另一个文件中,我们用默认主题来举个例子,其中的面包屑导航基本上每个页面都会需要,所以我们把下面的代码存放到单独的“daohang.html”文件中:
<nav>
<ol class="breadcrumb my-0 bg-white py-1">
{volist name="daohang" id="vo"}
<li class="breadcrumb-item{if $vo.active == 1} active{/if}">
{if $vo.active == 1}
{$vo.icon} {$vo.label}
{else /}
<a href="{$vo.href}" class="text-info text-decoration-none">{$vo.icon} {$vo.label}</a>
{/if}
</li>
{/volist}
</ol>
</nav>
并且把原来需要这段代码的地方去除这段代码,用下面的语句代替:
{include file="public/theme/default/daohang.html" /}
由于我们现在是以默认主题为例子,所以上面代码中加粗部分是“default”,因为默认主题的名称就是“default”。所以这里有一个注意点是:把加粗的部分替换成您的主题文件夹名称。假设您的主题文件夹名称是“zhuti”的话,那么您应该这样写上面的代码:
{include file="public/theme/zhuti/daohang.html" /}
这样就可以在您的主题里面使用独立文件的公共代码了,观察一下默认主题的“header.html”、“footer.html”以及“side.html”文件都使用了相同的技术。
好了,提取公共代码的介绍已经介绍完了。下一篇我们将介绍“剑鱼论坛主题制作之基本标签语法”。