网站建设 网站模板功能的详细介绍(四).docx

为合作伙伴创造价值第四课网站模板功能的详细介绍 学习模板制作从从入门到精通 学习完前面的课程，你已经掌握了制作模板的基础知识，而且能够看懂现有模板以及基于现有模板进行制作和修改，在接下来更加深入的课程之前，你很有必要去把自己所学会的进行实践。 不妨试试给自己做一个简单的个人主页，或者是参考网上找的效果图制作一套企业模板，甚至如果你有项目在做也可以试试自己的手艺，这么做的原因是，只有在实践中，从自身的角度来尝试和考虑问题，你才能真正领悟。 请务必基于默认模板 default 进行制作，文件结构和模板代码不必说你大部分都能够理解，有这大部分就足够了，其它细枝末节在后面的课时会讲解，而且不对常见项目构成影响。 你可以从头部 head.html 文件开始直接编写自己的项目，而且你会根据自己的需求去寻找需要的模板标签，可以在模板标签大全中找到，然后根据对应标签的用法在模板代码中使用、测试和调整，中间相信你会遇到一些问题，但应该很快就能够自己解决，逐步的，你会发现你已经可以独自搭建拥有网站后台的动态网站，并且能够在后台设置网站前台内容。 接下来的课程会更加深入，而且也更加难以理解，你不用急着深入学习，一口气看完未必是好事，你应该停下来一段时间，把上面所学知识在实践中领悟和运用，如果你确定自己准备好了，就可以往下面的课时学习。你还可以加入 MetInfo 模板制作 QQ 群343588126进行交流和参加网络培训。支持多语言 MetInfo 支持多语言功能，能够轻松实现多语言网站，并不是每种语言需要一套前台模板，而是一套模板就可以支持多种网站语言，本课时会教你如何让一套模板支持多种网站语言。 不同的语言网站，主要是页面的文字显示的是不同的语言，那么在制作模板的时候，模板文件里就不能够有文字，而全部采用标签或内置变量，大部分前台文字我们在制作模板时都有标签可以调用（如导航、新闻列表等），但总可能会遇到一些需要自定义的文字，比如首页区块的标题或者区块中的“更多”链接等等，这个时候，我们就需要用到语言配置文件。语言配置文件：作用：储存自定义变量，用于多语言网站前台页面调用不同的文字信息等。模板使用者可以在后台的模板设置中设置语言配置文件的自定义变量值。路径：网站根目录templates模板目录langlanguage_语言标识.ini原理：程序在执行的时候，如果访客访问的是中文页面，则程序会调用language_cn.ini 这个文件，如果访问英文，则会调用language_en.ini 这个文件，如果有更多语言，程序会自动生成对应的语言配置文件用来调用。注意：每套模板默认都应该要有中英文语言配置文件：language_cn.ini |language_en.ini一套模板下的多个语言配置文件里面的自定义变量都应该相同，变量值可以不同。自定义变量格式：变量名称=值/*标题$DESC$说明*/*/注释符号里面的内容用于在后台模板设置里显示描述文字告诉用户这个变量的作用，甚至实现单选、多选、下拉、上传等功能，便于用户在后台设置模板，本课时暂不深入讲解。调用自定义变量的方法：$lang_变量名称示例：语言配置文件 language_cn.ini：1more=更多/*页面文字$DESC$首页链接文字*/语言配置文件 language_en.ini：1more=More/*页面文字$DESC$首页链接文字*/模板调用：1$lang_more前台页面输出HTML：访问中文页面的时候1更多访问英文页面的时候1More利用语言配置文件，就可以让你制作的模板支持多语言网站了，你可以打开default 模板的语言配置文件进一步实践。这里另外提到一点，因为模板使用者可以直接在网站后台的模板设置里设置你预设的自定义变量的值，那么意味着你可以根据这个特性实现模板与使用者的互动，比如让用户设置文章显示条数、文字长度截取等。多种颜色风格： 如果要让一套模板支持多种颜色，并不需要制作多套模板，MetInfo 支持一套模板多种颜色风格的功能，只需要你在制作模板的时候采用标准的格式就可以让你制作的模板支持多种颜色风格，并且能够在网站后台轻松切换。 从web前端技术的角度来看，多种颜色风格就是CSS样式的不同，也就是编写多个不同颜色风格的CSS样式表，然后根据需要加载不同的颜色CSS样式表，就能够实现一个页面多种颜色，这就得考究你的CSS能力了。在模板制作当中，MetInfo 模板目录下有个 css.inc.php 文件，能够轻松实现通过后台设置加载不同CSS样式表的功能，从而实现一套模板多种颜色风格。css.inc.php路径：网站根目录templates模板目录imagescsscss.inc.php定义风格：$cssnum排序=array(风格名称,CSS文件名);排序：越小越靠前，排在第一个的就是模板默认颜色风格。风格名称：文字，如蓝色，用户在后台选择时便于识别。CSS文件名：如metinfo.css，css文件需要与css.inc.php 在同一个目录下。示例：css.inc.php 文件代码：1后台显示效果：如果在后台选中一个风格，前台页面就会加载对应的CSS文件，你只需要编写不同的样式，就能够实现多种颜色风格了。如何设置模块： 如果能让用户自己设置模板，相信肯定能够提升用户体验，让模板功能更加强大，本课时教你怎么运用语言配置文件来提升用户体验和灵活度。 在前面的课时我们了解到语言配置文件对多语言的作用，这里用到的也是语言配置文件，而且会完整的发挥语言配置文件的作用，在网站后台的模板管理里面可以对每套模板进行设置，而这个设置页面实际就是调用的语言配置文件。后台模板设置里可以看到你在语言配置文件里预设的自定义变量是一个简短文字输入框，而实际还可以是单选、下拉菜单、上传组件，甚至可以是颜色选择器。语法：自定义变量名=值/*字段标题$TYPE$字段类型$R$选项一文字$T$选项一的值$M$选项二文字$T$选项二的值.*/$TYPE$：是用于开启功能设置，程序会开始识别后面的代码；字段类型：1为普通的输入框，2为下拉菜单，3为单选，4为文件上传，5为栏目选择下拉菜单，6为文件上传+颜色选择器，7为颜色选择器；$R$：这个的右边就是每个选择项的具体内容，必须由这个区分，为下拉菜单或单选的时候有效；选项一文字$T$选项一的值：选项的文字说明和选项的值，为下拉菜单或单选的时候有效；$M$：如果是多个选项，要用这个来隔开，为下拉菜单或单选的时候有效；示例一：需要一个单选，让用户选择该区块显示或隐藏。语言配置文件代码：1Column1_ok=1/*开关$TYPE$3$R$显示$T$1$M$隐藏$T$0*/后台模板设置显示效果：示例二：让用户可以在模板设置中设置页面整体的背景。语言配置文件代码：1body_bg=/*背景$DESC$请选择背景颜色，或者上传背景图片$TYPE$6*/后台模板设置显示效果：用户在后台操作这些设置后，最终你将得到对应的自定义变量，在模板中巧妙使用这些变量，就可以让模板变得非常灵活。比如上面示例一中的区块开关，可以获取到Column1_ok 这个自定义变量，它为0的是区块隐藏，为1的时候区块显示，那么我们可以在模板中这样判断：01!-02EOT;03if($lang_Column1_ok=1)04echo 06区块1部分07!-08EOT;0910echo 如果用户在模板设置里选择隐藏，那么Column1_ok 的值就会为0，模板代码里进行了判断必须为1才执行中间的代码，这样就能够跟用户的设置成功对接，理解这套思路你就能够结合语言配置文件实现各种效果了。如果字段类型为5：栏目选择下拉菜单则$R$ 右边只需要填写，1-4的数字，不用设置具体的选项，因为可以直接调用栏目。示例：Column2=33-cm/*区块2内容$DESC$显示指定栏目或模块的内容列表$TYPE$5$R$3*/1：可选择一级栏目，限定模块为简介模块、文章模块、产品模块、下载模块、图片模块。2：可选择所有等级栏目，限定模块为简介模块、文章模块、产品模块、下载模块、图片模块。3：可选择所有等级栏目，限定模块为文章模块、产品模块、图片模块。4：可选择所有栏目，无限定模块。用户在模板设置里选择栏目后，该自定义变量会获取到栏目ID或模块标识，结尾是 -cm 则是获取到栏目ID，结尾为 -md 则是获取到模块标识。通过函数标签：tmpcentarr()，可以转化为指定栏目数组标签，这样你就能够在模板中使用。用户在模板设置中选择一个栏目，然后需要在模板中获取这个栏目的名称和链接地址。模板代码：语言配置文件直接采用示例代码1!-2EOT;3$Column2=tmpcentarr($lang_Column2);4echo 6$Column2name模块设置如何分区：如果参数较多用户很难在模板设置中找到设置的地方，通过功能分区你就能够让模板设置页面更清晰更容易读懂，从而提升用户体验。上面两个图片，右边的是经过分区的，和左边对比明显清晰很多，越多的功能设置，越明显。1、大类分区：比如首页功能设置、内页功能设置，这两个区别较大，可以用大类分区来区别开来，这样用户设置起来就清晰很多，而且大类分区将会在页面顶部显示快捷导航。语法：自定义文字=#MetInfo示例：语言配置文件代码：1首页快速配置=#MetInfo2Column1=1-cm/*区块1内容$DESC$区块1标题及右上角链接地址$TYPE$5$R$4*/3Column2=33-cm/*区块2内容$DESC$显示指定栏目或模块的内容列表$TYPE$5$R$3*/4Column3=4-cm/*区块3内容$DESC$显示指定栏目或模块的内容列表$TYPE$5$R$2*/5Column4=5-cm/*区块4内容$DESC$显示指定栏目或模块的内容列表$TYPE$5$R$2*/6Column5=36-cm/*区块5内容$DESC$显示指定栏目或模块的内容列表$TYPE$5$R$2*/7Column6=3-cm/*区块6内容$DESC$显示指定栏目或模块的内容列表$TYPE$5$R$3*/8Column7=37-cm/*区块7内容$DESC$标题以及链接地址$TYPE$5$R$4*/后台模板设置效果：2、小类分区：比如首页设置里面有4个区块设置，而且每个区块有多个设置选项，那么可以用小类分区来增强用户体验。语法：自定义文字=#MetInfoBlock示例：语言配置文件代码：01首页设置=#MetInfo02文章列表=#MetInfoBlock03Column1_ok=1/*开关$TYPE$3$R$显示$T$1$M$隐藏$T$0*/04Column1=2-cm/*调用栏目$DESC$选择调用一个栏目的内容$TYPE$5$R$4*/05Column1_title=/*自定义标题$DESC$如果为空则显示上面选择的栏目名称*/06Column1_num=10/*显示条数$DESC$文章列表显示条数*/07Column1_type=1/*调用方式$TYPE$3$R$所有文章$T$1$M$推荐文章$T$0*/08产品展示=#MetInfoBlock09Column2_ok=1/*开关$TYPE$3$R$显示$