[MIP技术分享] 织梦/DEDECMS改造MIP教程以及下载2



我们随便点击一个栏目,出现“添加文档”,点击“添加文档”,开始添加文章

  这里我们一般只需要三步就可以

  第一步,文章标题,就是文章的题目,我们写上

  第二步,文章内容,目前由于MIP只支持文字和图片,在这部分,只能添加文字和图片。

  第三步,点击下方的保存,即可。

  为了测试完整,我们最好多发布一些文章。我一共发了150多篇,均匀的分布在四个栏目里面。

  发完文章之后,我一般都做一下一键生成整站的操作

  步骤如下“生成”-“一键更新网站”-“更新所有”-“开始更新”

  操作如图

  稍等一两分钟,更新完之后,用手机看一下你得MIP站点吧!

  下面看一下我的站点截图

  

  做好之后,我们要对我们得网站进行MIP规则效验

  地址是:

  当你把网址输入之后,点击提交预览,如果有错误,会出现错误提示。

  如果符合MIP规范,会出现以下提示。

  到这里,我们的MIP站点,就搭建好了,这只是搭建的新MIP站点,如果已有原移动站点,新建一套MIP模版的话,请看2楼

  文件修改替换说明

  MIP的模版文件包含两部分:程序内核修改部分和通用模版部分。

  下载压缩包,解压得到的文件是:

  ├─include (程序内核目录)

  │ arc.archives.class.php (内容页分页)

  │ arc.listview.class.php (列表页分页)

  └─templets (模版程序目录)

  └─mip (模版目录)

  article_article.htm (内容页模版)

  Footer.htm (通用页脚模版)

  Head.htm (通用头部模版)

  Index.htm (首页模版)

  list_article.htm (列表页模版)

  程序内核修改部分主要是修改了列表页分页、内容分页的样式以及分页地址全都修改成完整的绝对地址。

  将解压得到的 include文件夹的arc.archives.class.php和arc.listview.class.php这俩文件,替换覆盖MIP站点对应的文件。

  通用模版部分,这里制作了五个通用页,可以用MIP文件夹的模版文件直接覆盖到你现在MIP站点的模版里面,对于网站额外的页面可以用列表页和内容页进行修改替换。

  其中不同于普通网页模版的地方,先从首页开始看

  index.htm

  头部和普通网页不一样的地方

  1,第2行,这里加入<html mip>标注,替换了原来的<html>

  第9行,10行

  第9行,这里是引用一个官方标准的 CSS 其他不可以再加了。

  只能在页面写<style mip-custom> </style> 在这里面加了,所以MIP的改造尽量要简洁,不

  需要能不用的css和JS坚决不要用了。

  第10行,这里是说,<link rel="canonical",在官网有介绍,是指明移动站点地址的意思

  2,第24行,这应该是一个img的网页标签,现在变成了 <mip-img > </mip-img>,

  进行MIP改造,普通的图片格式全部需要改mip-img 格式。

  list_article.htm

  1,第2行,第9行和第10行,和index.htm一样的

  2,第23行和inde.htm一样的,都是IMG改成mip-img

  3,这里值得说明的是36行,是更改了/include/arc.listview.class.php文件实现了列表页分页是完整的绝对地址。

  article_article.htm

  1,第2行,第12行,第13行,和indde.htm的第9行和第10行的道理一样

  2,第51行,和index.htm 一样是img 图片改成mip-img

  3,原来的内容标签 {dede:field.body/}里面的输出规则,已经在include文件夹下面的arc.archives.class.php文件做了正规则替换,

  其中内容页的img换成mip-img,还有样式替换等

  Footer.htm

  一共用了这四句话,

  第二句话是mip改造需要的标准js,我感觉必须加而且不需要理解为什么加。

  第一句和第三句,是统计代码。

  第四句话是百度分享需要的js,同时在内容页有体现出微博分享和QQ分享,后期会加入更多分享渠道

  在官网mip-js的改造中,有百度广告的js,有百度分享的js,自己可以去看看并且引用过来。

  Head.htm

  第18句,就是普通img换成mip-img标签。

  织梦模版五个页面不同的地方就完了。

  如果已有站点,需要新建一个MIP多端,请看2楼。

  后记

  改造好了,效验没问题之后,登录百度站长,在MIP引入那里,提交你的MIP页面,等待收录以及生效。这里不多做说明,不懂的地方大家回帖提问,谢谢!

  

  在已有站点基础上创建一个MIP多端

  如果你已经有织梦UTF的站点,需要进行MIP改造,并且是新建一个MIP站点,实现和主站数据通用的话,可以按照以下操作。

  我们得宗旨是,尽量不动主站任何东西,所以在这里我对MIP站点的改造,只在主站进行了一项操作

  就是添加一个MIP地址的系统参数。

  步骤如下:

  进入后台,以此点击 “系统” “系统基本参数” “添加新变量”

  变量名称是cfg_mip 参数说明 MIP地址 然后点击保存变量

  保存变量之后,会在系统基本参数这里多一个mip地址,你在里面填入,你为新建MIP绑定的二级域名,点击保存,即可!

  创建MIP站点说明

  大家的网站一般是虚拟主机或者服务器(VPS/云服务器),对于这两种情况,分别如下:

  虚拟主机,新开一个虚拟主机,最好是在同一个机房,解析mip的域名到新的虚拟主机,并且在虚拟主机绑定MIP的域名,然后将你得主站程序复制一份,拷贝到新的虚拟主机里面。如果只是同一个机房,不是同一台服务器,要去MIP站点的data文件夹找到common.inc.php文件,把$cfg_dbhost = 'localhost';这里的localhost改成数据库IP或者数据库的域名,同时数据库要允许远程连接。

  服务器,可以新建一个站点,绑定MIP域名,然后解析一下MIP的域名,同样把主站的程序拷贝一份,放到新建的站点里面。VPS/云服务器同法。

  现在创建MIP站点操作完了,用MIP的域名访问一下,是不是可以正常访问,如果是,说明新建MIP站点成功,

  下面开始替换模版和部分程序文件。

  这里是你有织梦站点的MIP模版,和第一份模版不同!

  解压的到

  将这include文件夹直接覆盖到你现在MIP站点的include文件夹里面,

  其中arc.archives.class.php

  在253行,254,255三处出现的IMG开头的域名换成你主站或者图片地址mip开头的域名换成你的MIP地址

  打开templets这个文件夹,里面有mip文件夹,含有五个文件,覆盖到你现在MIP站点使用的模板里面,就替换掉了现在模版,如果你对首页、列表页、内容页进行了名称修改或者额外增加了页面,需要你自己对照着修改和替换。

  模版程序里面含有我MIP地址的,全部替换成你的mip地址

  因为我是直接调用主站图片,含有主站的地方,这里改成你主站地址

  然后登录MIP站点后台,进行更新缓存和一键生成全站,进行检测一下。

  检测和提交,在一楼有说明。。

  希望大家看完教程不明白的地方及时回帖,我会不定期修复!


  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值