标签用法

静态页面编写需要导航条、新闻列表等页面内容信息,在制作模板的时候就用标签来代替,模板标签就是后台设置的数据,所以模板标签你必须得熟悉,你可以看看模板标签大全有哪些标签可以使用,也务必要完全理解本文内容,否则你将不知道怎么使用模板标签。

模板标签的类型:

变量标签:可以在模板页面代码中直接使用,分别有系统标签:$c,语言标签:$word,当前页面标签:$data,url标签:$url。

数组标签:和html标签类似,比如,

自定义标签:标签名称自定义,支持简短输入框、单选、上传、颜色选择器、编辑器等控件,标签内容与可视化编辑区块对接,能够实现很好的用户交互体验,构建强大灵活用户配置体验极佳的模板,需要用模板制作助手生成自定义标签并在模板源码中使用。

变量标签的用法:

示例标签:(不管是什么变量标签都是由前缀.变量名组成)

image.png

这个变量标签是当前语言首页的链接地址,使用方法:{$c.index_url}

场景:LOGO的链接需要链接到首页

模板代码这样编写:

image.png

编写好之后,前台页面访问的HTML代码:

image.png

数组标签的用法:

场景1:我需要调用头部导航

模板代码这样编写:

image.png

编写好之后,前台页面访问的HTML代码:

image.png

场景2:首页区块需要显示新闻中心这个栏目的名称和URL

image.png

其中cid=”3”的3为新闻中心的id,前台访问编译后:

image.png

自定义标签的用法

这个需要结合模板制作助手一起使用

场景1:我需要用自定义标签调整导航间距:

模板制作助手里面的新增标签

米拓学堂

模板代码这样编写:{$lang.nav_ml}

image.png

编写好之后,前台页面访问的HTML代码:

image.png

注意:不仅在.php的文件中可以使用自定义标签,在.css的文件中也可以使用自定义标签,在.php的文件中变量名的语法是:{$lang.变量名},比如:{$lang.nav_ml},而.css文件中的语法则是:$变量名$,比如:$color$。

场景2:我需要修改模板的字体颜色

米拓学堂

image.png

在可视化编辑好之后,去cache文件夹中的metinfo.css查看:

 米拓学堂

image.png

新建分区变量名的规范

分区变量名为global下的参数设置在可视化编辑—风格—风格设置里面体现

米拓学堂

米拓学堂

其他的,则是每个区块的设置参数,比如:首页的新闻区块

米拓学堂
米拓学堂

模板区块代码:

image.png

注意:必须写m-id=”区块变量名”,例:m-id=”met_index_news”


学堂首页
在线直播
往期回顾
在线交流