ForceCMS手册

  • SEO 维护

    <!-- 
根据当前打开页面，自动读取对应的SEO字段信息
例：当前是内容页，自动读取内容对应的SEO字段信息；当前是某个栏目页，自动读取当前栏目SEO字段信息
-->
<title>{{site.title}}</title>
<meta name="keywords" content="{{site.keywords}}">
<meta name="description" content="{{site.description}}">

  • 资源文件

    <!-- {{res}} 后面是后台资源库中，自己创建得目录 -->
<link rel="stylesheet" href="/{{res}}/css/base.css">
<link rel="stylesheet" href="/{{res}}/css/swiper.min.css">
<link rel="stylesheet" href="/{{res}}/css/main.css">
<script src="/{{res}}/js/jquery.min.js"></script>
<script src="/{{res}}/js/swiper.min.js"></script>

<!-- 页面中静态图片路径修改方式 -->
<div class="s-img"><img src="/{{res}}/images/news-2.png" /></div>

<!-- CSS样式文件中路径修改方式 -->
.w_bgsr{	
	background-position:bottom center;
	background-repeat: no-repeat;
	background-size:cover;
	background-image: url(/{{res}}/img/bg.png);
}

  • 公共部件

    <!-- 
可以将页面中重复的代码块单独提取到 公共部件 模板库中
在其他页面，任意需要的位置，插入如下代码，即可
固定写法，只需替换 test.html 为自己的文件名，
-->
{% include wwwroot/template/include/test.html %}

<!-- 提取公共头部到head.html 文件中 -->

<!-- 悼念模式 -->
{% if site.mourn == true %}
<html style="filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);-webkit-filter: grayscale(100%);">
{% else %}
<html style="filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=0);-webkit-filter: grayscale(0%);">
{% endif %}
    
<head>
{% include wwwroot/template/include/head.html %}
</head>
<body>  
    <div class="contact-wrap">
      <img src="img/contact.png" alt="">
      <!-- 站点logo -->
      <img src="{{site.logo}}" alt="">
    </div>
</body>
<!-- 
子站点 公共部件链接示例
wwwroot/template/{站点配置-访问地址}/include/{完整文件名}
-->
{% include wwwroot/template/en/include/head.html %}
</html>

← 栏目标签 →