woocms模板制作系列教程之自定义头部底部调用方法

很多朋友用woocms做网站的时候发现一个问题，虽然系统已经内置了一个header_footer.html模板文件可以放网页的头部和底部模板，但是遇到一些内页和首页的头部底部样式不一致的情况就会很头疼。

今天来介绍下用woocms做网站怎么解决首页的头部底部样式不一致的问题。

首先，我们可以在站点根目录/app/home/view/ 这个路径下新建一个head1.htm 和 footer1.html ，然后把你的页面样式写进去。

然后，我们在需要引入head1.htm 和 footer1.html 的页面中使用 {include file='head1.html'}和 {include file='foot1.html'} 来引用就可以了。

但是我们通常会遇到一个情况，发现按上面的方面引用了，没有生效。为什么呢？因为没有使用模板继承。

那怎么解决呢？方法很简单。在页面引入functions.html 就可以了。具体请看下面代码：

{include file='functions.html'}  <!-- 引入functions.html -->

{block name=function}

{include file='head1.html'} <!-- 自定义头部模板 -->

{block name=insider}        <!-- 网页主体部分 -->

    <!-- body start -->
    <div class="mod">
        <div class="txt">
            <h1>付款系统</h1>
            <p>为企业商户开发多层级商户支付系统</p>
            <a id="btn" class="pop" href="#"><span>合作咨询</span></a>
        </div>
    </div>
    <!-- body end -->
   
        
{/block}

{include file='foot1.html'} <!-- 自定义底部模板 -->

{/block}