MetInfo帮助中心
网站首页
新手建站
米拓流程
使用手册
常见问题
模板制作教程
商业模板修改教程
应用开发教程
模板制作修改教程
# 标签用法 静态页面编写需要导航条、新闻列表等页面内容信息,在制作模板的时候就用标签来代替,模板标签就是后台设置的数据,所以模板标签你必须得熟悉,你可以看看[模板标签大全](https://help.metinfo.cn/mb/show.php?id=204 "模板标签大全")有哪些标签可以使用,也务必要完全理解本文内容,否则你将不知道怎么使用模板标签。 模板标签的类型: ###### 变量标签:可以在模板页面代码中直接使用,分别有系统标签:$c,语言标签:$word,当前页面标签:$data,url标签:$url。 ###### 数组标签:和html标签类似,比如
,
等 ###### 自定义标签:标签名称自定义,支持简短输入框、单选、上传、颜色选择器、编辑器等控件,标签内容与可视化编辑区块对接,能够实现很好的用户交互体验,构建强大灵活用户配置体验极佳的模板,需要用模板制作助手生成自定义标签并在模板源码中使用。 #### 变量标签的用法: 示例标签:**(不管是什么变量标签都是由前缀.变量名组成)** $c.index_url //当前语言首页地址 这个变量标签是当前语言首页的链接地址,使用方法:{$c.index_url} ###### 场景:LOGO的链接需要链接到首页 模板代码这样编写:
// PC端显示的logo
// 手机端显示的logo
编写好之后,前台页面访问的HTML代码:
// PC端显示的logo
// 手机端显示的logo
#### 数组标签的用法: ###### 场景1:我需要调用头部导航 模板代码这样编写:
//调用头部导航
{$m._name}
编写好之后,前台页面访问的HTML代码:
关于我们
新闻资讯
产品展示
下载中心
客户案例
招贤纳士
友情链接
会员中心
站内搜索
网站地图
网站管理
**注意:系统7.0对于头部导航和底部导航支持自定义每个栏目名称的大小和颜色,只要调用栏目名称时调用`{$m._name}`即可,变量渲染出来会在栏目名称前后加上`span`标签,若栏目有自定义样式,`span`标签会自动加上`style`属性** ###### 场景2:首页区块需要显示新闻中心这个栏目的名称和URL
{$m._name}
其中cid=”3”的3为新闻中心的id,前台访问编译后:
新闻动态
#### 自定义标签的用法 这个需要结合模板制作助手一起使用 ###### 场景1:我需要用自定义标签调整导航间距: 模板制作助手里面的新增标签 ![](http://help.metinfo.cn/upload/201802/151840071198604.jpg) 模板代码这样编写:{$lang.nav_ml}
{$m._name}
编写好之后,前台页面访问的HTML代码:
关于我们
**注意:不仅在.php的文件中可以使用自定义标签,在.css的文件中也可以使用自定义标签,在.php的文件中变量名的语法是:{$lang.变量名},比如:{$lang.nav_ml},而.css文件中的语法则是:$变量名$,比如:$color$。** ###### 场景2:我需要修改模板的字体颜色 ![](http://help.metinfo.cn/upload/201802/151840085019157.jpg) a{color:$first_color$;} 在可视化编辑好之后,去cache文件夹中的metinfo.css查看: ![](http://help.metinfo.cn/upload/201802/151840101894928.jpg) a{color:#1baadb;} #### 新建分区变量名的规范 分区变量名为global下的参数设置在可视化编辑—风格—风格设置里面体现 ![](http://help.metinfo.cn/upload/201802/151840110582846.jpg) ![](http://help.metinfo.cn/upload/201802/151840113784234.jpg) 其他的,则是每个区块的设置参数,比如:首页的新闻区块 ![](http://help.metinfo.cn/upload/201802/151840119545848.jpg) ![](http://help.metinfo.cn/upload/201802/151840123767196.jpg) 模板区块代码:
.....
**注意:必须写m-id="区块变量名",例:m-id="met_index_news"**