鱼跃CMS主题制作之公共主题文件

作者:鱼跃CMS 发布时间:2019年04月05日 访问量:353

我们在制作主题的时候,会遇到有一部分代码在多个主题模板文件中都是相同的情况,那么我们是不是需要把相同的代码在每个文件中都写一遍呢?答案是不需要在每个模板文件中重复写相同的代码。

我们在鱼跃CMS主题的文件结构这篇中学习了主题文件的结构,其中就有几个文件是多个模板文件共用的,例如页头文件header.html,页脚文件footer.html等,我们实际制作主题的时候,并不建议把相同的代码在所有需要的模板文件中重复写一遍,而是建议把重复的部分写到一个单独的文件中,然后在需要这段代码的那个模板文件中引用这个独立模板文件就可以了。

把代码写到单独的文件中这个很容易,我们要介绍一下的是如何在模板文件中使用那些被写到独立文件中的代码,实现也很简单,我们来看一下具体怎么做。

我们可以用某个编辑软件打开系统自带主题default的首页文件index.html,我们会发现在这个文件的最上边有一行代码:

{include file="public/theme/default/header.html" /}

这行代码就是在index.html文件中使用header.html的方法,表示这行代码的位置将会被header.html文件中的代码所代替。

同样的,我们发现index.html文件的最后一行的代码是这样的:

{include file="public/theme/default/footer.html" /}

这行代码的意思就是在index.html文件这行代码所在的位置使用footer.html文件中的代码,最终将输出页面的页脚内容。

这里要注意一下的是:如果您是自己制作主题的话,那么把里面的“default”替换成您自己的主题文件夹的名称,举个例子,我们还是以之前说过的mytheme为例,假设我们现在制作的新主题叫“mytheme”的话,那么引用公共文件的代码就是这样的:

{include file="public/theme/mytheme/header.html" /}

这是页头的引用。页脚的引用如下:

{include file="public/theme/mytheme/footer.html" /}

如果您要将其他的公共代码放到单独的文件中也是同样的方法,例如default主题中的daohang.html文件,这个文件的代码就是几个模板文件共用的,所以在default主题中我们也把它单独放到了一个文件中。

至此,我们已经介绍完如何使用公共模板文件的方法,大家在制作主题的时候可以根据实际情况运用。

13
登录后才能评论,请先登录
鱼跃CMS
网址:http://www.yuyue-cms.com
邮箱:804644245@qq.com
联系我们
QQ:804644245
QQ群:835350102 鱼跃CMS
Copyright © 2019 鱼跃CMS - 留言
二维码
意见反馈
鱼跃CMS