织梦手机模板详细制作教程

作者:追风筝的人 | 创建时间: 2023-06-19
织梦是一款非常不错的开源CMS建站系统,许多个人站长都采用他来建立自己的独立网站,除了本身具备丰富的功能之外,网络上也有许多织梦的模板。即使不懂代码的小白站长也能制作出各种各样风格的网站。电脑版的模板很多,但是手机端的却有限,很多手机模板都...
织梦手机模板详细制作教程

操作方法

首先是本地环境的搭建,既然是手机端模板的制作,相信许多站长的本地都已经有了服务器环境。然后是要安装一款代码编辑器,例如Dreamweaver。最后,下载一套织梦CMS的源程序安装到本地的服务器环境。就可以开始下面织梦手机模板的制作教程了。

制作出静态页面,也就是不含服务器语言的HTML页面,需要注意的是设计时因为是移动端使用的,尽量做到自适应页面大小,这样无论移动端屏幕的分辨率大小都可以满屏正常显示。为了做演示,下图中的网页并非是手机端自适应的,而是电脑端网页,手机端的页面在制作时也是如此。

然后将制作的静态页面复制到本地服务器环境的程序安装模板目录(templates/default里)如果使用的不是默认模板,则复制到对应的模板目录里。 需要说明的是,织梦的手机端模板与PC端模板要一一对应,例如电脑版使用的列表页模板是list_aaa.htm,那么手机端对应的模板命名就是list_aaa_m.htm。这样在手机端访问该页面时,会自动调用这个_m的这个模板。

替换织梦标签。现在的模板仍然是静态页面,无法动态调用到织梦程序里的数据,这时候需要将展现更新内容的板块替换成织梦的标签,在实际使用时,页面会动态更新网站数据。关于织梦程序的标签,大家可以自行在网上搜索,有许多在线版,也有离线版下载。建议下载一份,建议随时查阅! 到此,织梦手机端的模板制作就结束了,因为主要讲的是手机端模板制作,这里写的是一个流程,至于静态页面的制作需要有HTML和CSS的相关知识,这里就不做过多介绍!

温馨提示

手机端的模板文件和电脑端的模板文件命名要一直,只是在文件名的最后加上_m即可。
无论是制作手机模板还是电脑端模板,建议直接复制一份default目录,这样在制作时,不会出现因缺少其他模板文件而导致程序无法正常运行,例如后台提示“模板文件不存在”
点击展开全文

更多推荐