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

织梦是一款非常不错的开源CMS建站系统,许多个人站长都采用他来建立自己的独立网站,除了本身具备丰富的功能之外,网络上也有许多织梦的模板。即使不懂代码的小白站长也能制作出各种各样风格的网站。电脑版的模板很多,但是手机端的却有限,很多手机模板都是织梦整站的模板,而不是单独的手机端模板,今天,萝卜就为大家整理一份详细的
织梦手机端的模板制作教程,俗话说,授人以鱼不如授人以渔,希望可以通过学习本教程,能制作出自己独一无二的手机端模板。

操作方法

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

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

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

织梦手机模板详细制作教程 第3张
织梦手机模板详细制作教程 第4张

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

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

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

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

特别提示

手机端的模板文件和电脑端的模板文件命名要一直,只是在文件名的最后加上_m即可。

无论是制作手机模板还是电脑端模板,建议直接复制一份default目录,这样在制作时,不会出现因缺少其他模板文件而导致程序无法正常运行,例如后台提示“模板文件不存在”