|
最近把网站模板搞好，随便想搞下手机模板，发现帝国cms自带的手机模板太难看了，想到网上找一些漂亮的模板，搜索了下几乎没有，帝国接触不多，修改网站模板的时候就搞了，但至少还有教程，如何做网站帝国手机模板教程，几乎没 有，只能自己摸索，搞了几天，终于做出一个像样的模板了。 高手勿喷，新人可以学习下。效果查看：手机直接访问或/ （经验不能发网址请在前面加上，网站刚做好没内容谅解。 如果觉得好，可以转载，如果参考学习，我将提供下载，包括本站手机模板所有文件，拷贝过去就能用，当然要修改对应的栏目名称和超链接。
b访问帝国cms手机版就是网站域名后面加/e/wap/，在首页模板加段代码就可以实现手机访问域名时自动跳转到手机版。
c制作思：去网上下一些漂亮的模板，静态的，响应式的都行，适合手机浏览的即可，最好有首页，列表页，内容页，修改时就和修改网站模板一样，在对应的地方插入帝国标签，只是手机版标签和网站标签不同而已，后面会说明。
d帝国手机模板文件就3个文件index.temp.php，list.temp.php，show.temp.php，：\e\wap\template\1，即网站首页模板，列表模板，内容模板， 把下好的模板修改后替换这3个文件就可以用了。但是有个小问题，如果我们在建立栏目是有怎么办了？网站模板是通过修改封面模板来实现显示栏目的列表。手机模板怎么办了，我想到一个简单的方法，通过，把所以栏目都加到里，这样点击栏目时，直接访问该栏目的列表模板了，那么首页模板就自定义好了，不要显示很多内容，就用简单的图标做成超链接 （大部分下到的模板也是怎么搞的），修改列表页和内容页时做个即可。
第二，添加自动跳转的代码只需添加下面2行代码，就可以实现手机访问网站时自动跳转到手机模板上去。将代码拷贝到网站首页模板 head里 ，下面的网址可以换成你的：
为什么我的前面有个/www/，因为我的网站，一个空间，N个域名，通过代码可以实现访问什么域名跳转到什么文件夹，从而实现一 空间多网站，想知道这个代码可以参考我其他的文章，百度空间也有。
1：先去网上下载一个漂亮的手机模板首页（最好包括列表页和内容页，当然也可以用我的，下面有下载），百度下手机模板，注意不是帝国cms手机模板，帝国的几乎没有，找一个漂亮的首页即可，比如下面。（大家可以去搜索关键字：微站模板，比搜索手机模板多的多）
2：把下好的模板文件拷贝到编辑软件frontpage里自带站点文件夹my web sites里。并在frontpage里移动模板文件里的css,js等文件夹到新建的文件夹，比如bj，frontpage有个这样的功能，如果在frontpage里移动文件夹，会把用到这个文件夹的代码自动修改径，减少我们的编辑时间，打开index.html文件，查看代码，是不是自动改成bj/css了，Dreamweaver有没有这个功能我就没测试过了，如果没有请自己手动改好，不动文件夹也可以，看个人习惯。
3：以本地测试为例：把bj文件夹拷贝到wap跟目录下，既e/wap下，访问手机网址时就可以直接调用了 （说了，不移动也可以，wap下就有点乱了，如果你想用几套模板，还是建个文件夹才好）。
4：修改首页模板，手机模板文件放在template文件夹里，有1和2两个文件夹，分别对应2个模板，我们去后台wap设置里可以看到。（我自己做的一个所以多了一个文件夹3） ，修改首页模板就是找到默认模板对应的文件夹，比如我现在用到是手机版，对应的文件夹是1，那么我们就修改\e\wap\template\1里的index.temp.php
以我的首页模板为例，我网站就4大专栏，把原来的模板修改成我4大专栏，超链接就是他们对应的列表页，
这里要说下，classid是本栏目ID bclassid是父级栏目ID，我们可以去后台栏目管理参考到栏目对应的ID，兴趣爱好是一级栏目，父级ID就是自己，建网站ID是1，所以写成classid=1&style=0&bclassid=1
1，列表页主要是的制作，可以百度手机菜单代码，很多漂亮的(中间)，不过没几个支持，我只能找一个支持3级的CSS（右边），第一个是自带的列表页效果图。
显示条数，标题数都可以在后台wap管理修改。我设置显示15条，而自发布了3条，所以抓图没出现分页。
修改好后，在本地测试下，浏览正常，就可以把文件上传到服务器上去，注意：你做的超链接不要是本地的，是要网站的。
把文件上传到e/wap目录下，全部替换原来的，注意：1我的是UTF-8编码，不要乱替换，否则乱码，2我网站的超链接前面都有个/你们修改的时候记得删除。 |
