专栏首页西城知道WordPress自适应模板引入百度MIP,不懂代码也能轻松接入百度MIP 【实用类】
原创

WordPress自适应模板引入百度MIP,不懂代码也能轻松接入百度MIP 【实用类】

什么是 MIP

MIP(Mobile Instant Pages – 移动网页加速器),是一套应用于移动网页的开放性技术标准。通过提供 MIP-HTML 规范、MIP-JS 运行环境以及 MIP-Cache 页面缓存系统,实现移动网页加速。

MIP 主要由三部分组织成:

  • MIP-HTML:基于 HTML 中的基础标签制定了全新的规范,通过对一部分基础标签的使用限制或功能扩展,使 HTML 能够展现更加丰富的内容。
  • MIP-JS:可以保证 MIP-HTML 页面的快速渲染。
  • MIP-Cache:用于实现 MIP 页面的高速缓存,从而进一步提高页面性能。

MIP(Mobile Instant Pages – 移动网页加速器)顾名思义,它仅针对于移动端网页,所以必须用一套专属于移动端的网页代码来引入MIP规范,这对于当前在WordPress中特别流行的各种自适应主题来说,却是非常不友好的。因为自适应主题只有一套模板,分别根据不同的客户端自行适应,假如修改了主题代码,虽然提高了在移动端的页面性能,但是一旦修改或限制了某些在PC端必须使用的标签后,在PC端的展现可能会出现不可预料的BUG。那么在不改变PC端页面,又想提高移动端页面体验的情况下,用户应如何引入百度MIP规范呢。来看如何操作吧。

MIP 主题是 WordPress 改造 MIP 站点的必需品,也是 MIP 规范实现的第一元素,免费的 MIP 主题推荐可以使用由子凡开发的 Fanly MIP 主题免费版

有了 MIP 主题,我们甚至可以直接通过安装启用 MIP 主题,然后整个网站都将是这个 MIP 主题的效果,如果没有意外情况,你的整个站点其实就已经是 MIP 站点。

但是,我们在正常的建站中,MIP 主题并不能直接启用,否则将影响原有网站页面,所以如果需要实现 MIP 的改造,我们还需要的就是 MIP 相关插件。

目前我们有两个方案(文末插件和主题都打包好了)

  • 使用二级域名
  • 使用UA自适应移动端

先说下使用一个新的域名怎么操作吧

解析一个新的域名如mip.localhost.com、m.localhost.com…,将此域名绑定到WordPress对应的网站根目录。我使用的是宝塔面板,我的MIP地址是:https://m.ccswust.org/(使用手机访问)所以就是这样绑定的

然后我们需要下载独立域名插件

独立域名插件推荐:Domain Theme 

通过安装 Domain Theme 插件后,即可通过该插件设置添加独立的域名绑定,并且指定为 MIP 主题,然后保存添加,同时还需要将你绑定的这个域名解析绑定在你现在的 WordPress 站点上。这样通过绑定的域名即可访问 MIP 站点了。

不过需要知道君要说明的一点就是该插件已经非常非常久没有更新了。

进入插件设置,正确填入移动端所绑定的域名,选择移动端对应的MIP模板,保存好之后访问移动端域名即可发现,移动端网页已经正确启用了MIP规范的主题。 到这里就正式引入了MIP规范了,引入MIP规范后的移动端网页能使用百度的更多功能,如官方号引入等功能,这些功能都需要在MIP主题内对文件进行一些改造。

UA自使应

UA 插件推荐:Any Mobile Theme Switcher 

UA 即 User Agent 的简写,中文为用户代理,浏览器标识等。

UA 插件可以简单的理解为是通过判断网站访问用户的 UA 信息,然后来显示不同的 WordPress 主题,所以我们就可以利用 UA 插件启用 MIP 主题来实现 MIP 站点页面的启用即可。

使用 UA 插件启用 MIP 主题的方式将会直接影响网站原有的移动端页面,如果你的原有主题是自适应,那么通过 UA 插件启用 MIP 主题后,通过移动设备访问的将是 MIP 主题的页面,而非原来自适应主题页面。

使用 UA 插件的优势就是可以在原来 URL 不改变的情况下直接改造成 MIP 页面,缺点就是上面说到的会影响原有移动端网站页面,可能造成其它搜索引擎移动端的排名影响。

我MIP使用的是子凡 Fanly MIP 免费主题 的主题,因为对于个人站点来说,我完全够了,但是后期如果有需要,一定会支持收费版本的。

参考文章:

WordPress Fanly-MIP主题收费版请通过泪雪建站购买:

唯一购买地址http://zhan.leiue.com/Fanly-MIP.html

WordPress Fanly-Submit插件下载地址:http://pan.baidu.com/s/1nu6jbap 密码: 密码: vn2a

最后引用子凡的一段话

原创声明,本文系作者授权云+社区发表,未经许可,不得转载。

如有侵权,请联系 yunjia_community@tencent.com 删除。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • WordPress CMS百度快速收录 API 提交代码以及配置教程

    前面一段时间因为备案,遗漏了很多信息,今天补充下百度快速收录的提交代码,百度快速收录的功能上线,是全面继承百度移动专区天级收录功能,并且天级提交功能于 5 月 ...

    夏末浅笑
  • 圣诞节这天,微信公众平台更新了!

    2018年12月24日下午,微信群里的部分小伙伴反馈微信公众号后台做了调整,新建图文编辑页面整体呈现大变动。

    夏末浅笑
  • 腾讯微校发布《2019校园新媒体观察报告》, 高校生活进入“微”时代

    随着传播方式的演进,高校新媒体以其传播效率高、互动性强的显著特征,成为校园文化建设中的重要一环。新媒体丰富的呈现方式对高校文化宣传、品牌形象建立有很大作用;同时...

    夏末浅笑
  • MIP改造教程,浅谈MIP接入解决方案!

    03.电脑版、手机版都用MIP框架来开发(百度MIP对电脑版目前是没有优待的!),好处:省了为MIP站点配置单独域名;坏处:由于百度MIP框架是针对移动站点设计...

    Levi.Ackermann
  • 计算机网络原理梳理丨计算机网络的概念

    计算机网络是利用通信设备与通信链路或者通信网络,互联位置不同、功能自治的计算机系统,并遵循一定的规则事项的计算机系统之间的信息狡猾。

    码脑
  • Typecho接入熊掌号附带AMP/MIP简单教程

    在Typecho接入熊掌号之前,你得先去熊掌号申请开通一下。具体填写的信息就是上面页面的那么多,请准备号正面手持身份证的照片。

    Erwin
  • Salesforce to Salesforce介绍

    Force.com是一个多租户平台,因此每个客户在一个共享的平台上都有自己的环境(组织)。每个环境都包含客户想要存储的数据。然而有时客户可能想在自己的公司的不同...

    臭豆腐
  • 计算机网络原理 - 第一章

    在不同主机置渐实现快速的信息交换。通过信息交换,计算机网络可实现其核心功能——资源共享

    Dreamy.TZK
  • 医院如何利用机器学习挽救生命,节省开支

    大数据文摘
  • MIT校长评中美科技:没有人能从他人的失败中获得成功

    “#榜样的力量#数据猿公益策划活动——寻找新冠战“疫”,中国数据智能产业先锋力量:申报项目、提交文章(或深度采访),即可参与此次活动最终推出的榜单、勋章、思想者...

    数据猿

扫码关注云+社区

领取腾讯云代金券