建站技术网专注分享网站建设技术,网站建设教程,真正帮你学会做网站技术,轻松解决网站建设过程中遇到的常见问题,为广大站长服务。 收藏本站 | 订阅
域名投资,就来找米网,认准网址:www.zhaomi.cc 专业仿站,就到仿站网:www.fangzhan.org
  站内公告: ·帝国cms教程内容已更新,欢迎关注     ·建站技术网采用阿里云服务器,备案已通    
您当前的位置:首页 > cms教程 > PageAdmin教程

PageAdmin手机网站制作及开发教程

时间:2018-01-20 18:47:30  来源:网络收集  整理: 建站技术网 www.jzjsw.com     点击:11次

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网站制作方式一样,栏目,模块和导航具体参考修改制作章节的对应教程。

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

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

文章标题:PageAdmin手机网站制作及开发教程
文章网址:http://www.jzjsw.com/cmsJiaocheng/PageAdmin/3729.html
上一篇:返回列表
下一篇:Pageadmin安装要求及配置步骤
来顶一下
返回首页
返回首页
相关文章
推荐资讯
如何通过SEO优化排名赚钱?SEO赚钱方法
如何通过SEO优化排名赚
seo优化教程:网站seo内容优化
seo优化教程:网站seo
SEO细节:企业SEO如何快速为新站做出效果
SEO细节:企业SEO如何
电商技术将如何发展?2018年有这五个大胆预测
电商技术将如何发展?
最新文章
栏目更新
栏目热门