dedecms 织梦jmobile风格wap模板：基于jquery mobile 的手机移动设备dedecms模板发布

共计 1458 个字符，预计需要花费 4 分钟才能阅读完成。

提醒：本文最后更新于2015-04-22 14:52，文中所关联的信息可能已发生改变，请知悉！

dedecms 的模板非常丰富，但免费质量又好的并不多（如您有好用的请分享给我@任侠，感谢！），而基于移动端的 wap 模板更少见，志文工作室在搜寻良久无所获后，才下决心自行设计开发。开发完了不能忘记共享精神，于是在这里免费发布。

特性简介

• 漂亮的界面、切换效果；
• 简单实现的上下文链接;
• 手势控制、文章页触控翻页；
• 菜单设置；
• 分享菜单；
• 本地收藏；
• 伪静态支持；
• 图库栏目支持；
• 多主题切换；
• +++

其他实用功能继续增加中！

安装方法

解压缩下载的压缩包，复制到根目录进行替换即可。

wap 方式

直接访问：http://网址/wap.php

伪静态方式

需要配置服务器伪静态，nginx 配置参考如下：

#mobile
    rewrite ^/m/?$  /wap.php?tmpl=m last;
    rewrite ^/m/list/(\d+)/?$  /wap.php?action=list&typeid=$1&tmpl=m last;
    rewrite ^/m/article/(\d+)/(\d+)/?$  /wap.php?action=article&typeid=$1&id=$2&tmpl=m last;
    rewrite ^/m/images/(\d+)/(\d+)/?$  /wap.php?action=images&typeid=$1&id=$2&tmpl=m last;
    rewrite ^/m/wapsearch/(\d+)/?$  /wap.php?action=list&typeid=$1&tmpl=m last;
    rewrite ^/m/p/(\d+)/(\d+)/?$ /wap.php?p=$1&pz=$2&tmpl=m last;
    #wap 方式使用重定向
    rewrite ^/wap(.*) /m permanent;
    #rewrite ^/wap/?(\.php)?(.*)    /wap.php$2 break;

其他服务器请参照自写。配置成功后，以如下方式访问：

http://网址/m/

注意事项：

基于dedecms 织梦的 wap 进行了少许的二次开发，替换前请备份如下文件：

templets/wap/ 目录 wap.php 文件

关于界面，具体可看演示或截图；

关于主题

自带了五套简单设计的主题，你也可以自定义你的主题。步骤参考如下：

a. 打开如下地址，进入主题定制网站页面：

http://themeroller.jquerymobile.com/

b. 点击 “Import” 按钮，弹出主题导入对话框，下拉列表中选择 1.4.5 版本；

c. 打开如下文件并复制内容，将其粘贴进对话框中

templets\asset\jmobile\themes\lzw_dede_wap.css

操作成功，即可看到 A-E 的五种主题，分别对应侧边栏的五种主题设置。

d. 修改侧边栏的不同主题设置，可实时看到对应主题效果的变化。

e. 主题定制完成，点击 Download 按钮下载主题，解压并复制替换 templets\asset\jmobile\themes\ 目录中的文件。

其他相关

站点：http://w.lzw.me

演示：http://w.lzw.me/wap
作者：@任侠
支持：@志文工作室 http://lzw.me
日期：2013-10-25
更新：2015-04-16

下载地址：

dede_templet_jmobile_wap.2013.08.27.0225

最新版本下载

开源网站：http://git.oschina.net/lzw/dedecms_jqm_template/attach_files

效果截图：

首页：

列表页：

菜单：

内容页1：

内容页2：

相关文章:

jquery mobile 的 tap 手势点击事件多次触发问题基于jQuery.Lazyload 为网站（PJblog）添加当鼠标滑到当前屏时图片渐隐载入显示效果pjblog模板结构HTML代码网页展示《精通Javascript+jQuery》视频教程CMS系统程序之gbk版本与utf-8版本的区别简介科讯CMS的栏目页内容页关键字Keyword和描述description的设置KesionCMS科讯CMS系统SQL标签使用方法详细介绍error loading "ks_editor/fckeditor/fckstyles.xml科讯DWCS5绿色版没有或无法安装扩展管理器的dreamweaver5的Jquery代码提示插件jQuery实现不修改内容为文章内的图片自动添加jquery-lightbox图片展示效果淘掌门论坛邀请码：淘宝客程序哪个好用？合适的才是最好的！jquerymoblie主题:wordpress使用jqmobile主题不正常显示问题解决