正穗科技有限公司

广州网站建设

正穗科技专注营销型网站、高端品牌网站建设、互联网建站服务。
您的位置:首页>移动端建站方案 > 手机商城方案 >

手机网站制作及开发方案

日期:2018-05-18 15:04:10     阅读:

手机网站制作及开发方案,我们正穗软件以“PageAdmin”软件为例。


手机商城方案.jpg


PageAdmin最新版本已经开通了分站共享数据功能(v3.0.20150414版本新增功能),这为手机网站制作并共享pc站点数据提供了方便,下面为pageadmin手机网站制作的步骤。

步骤一、在站点管理里面新建一个手机分站,如下图:

增加后在左上角却换到新增的手机分站后台。


步骤二、进入网站基础管理>>网站参数设置,设置如下图:

这里要说明几个参数:

选择风格:这里wap目录是专为手机网站开发的模板样式,放在/e/template目录下,如果没有这个模板的用户可以重新去下载20150414的升级包,复制/e/template目录下的wap目录到你对应的/e/template目录下,然后刷新一下就可以选择了。

Head区:这里加入下面几个声明,这个是手机页面专用的,直接拷贝进入即可。

<meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0,user-scalable=0" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta content="black" name="apple-mobile-web-app-status-bar-style" />
<meta content="telephone=no" name="format-detection" />
<script src="/e/templates/wap/mobile.js" type="text/javascript"></script>

其中的/e/templates/wap/mobile.js文件为PageAdmin专门为手机网站写的一个js小插件,用户自己检查一下对应目录下是否有这个文件,如果没有一样到v3.0的20150414升级包的对应目录里面去拷贝,注意每个手机模板目录下js路径都不一样,如果你调用wap1模板,那最后一行就改为:<script src="/e/templates/wap1/mobile.js" type="text/javascript"></script>,这个js文件是和模板风格对应的。

网站顶部内容:这里我们建议用户留空,默认手机模板里面已经影藏了这个区域。

其他几个参数和pc参数一样设置即可。

步骤三、把表单应用到新建的站点上,参考:如何把自定义表单应用在新建的站点?

步骤、接下来只需要进入栏目布局配置>>网站栏目管理里面增加栏目即可,如下图:

这里和pc网站制作方式一样,栏目,模块和导航具体参考的修改制作章节的对应教程。

步骤五:我们按对应帮助增加好模块,子栏目后这些框架后,就可以共享我们设置的站点的数据,以某个模块为例,如下图:

在信息来源这里就可以调用我们共享的站点的数据。






本站所有相关知识仅供大家参考、学习之用,本文来源于互联网,其版权均归原作者及网站所有,如无意侵犯您的权利,请与小编联系,我们将会在第一时间核实, 如情况属实会在3个工作日内删除;如您有优秀作品,也欢迎联系小编在我们网站投稿!http://www.gzzsrj.com/联系方式: zhengsui888@163.com

更多>>相关文章
业务QQ 020-82178332