WordPress自适应模板引入百度MIP,不懂代码也能轻松接入百度MIP【实用类】
MIP(Mobile Instant Pages – 移动网页加速器),是一套应用于移动网页的开放性技术标准。通过提供 MIP-HTML 规范、MIP-JS 运行环境以及 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 相关插件。
目前我们有两个方案(文末插件和主题都打包好了)
解析一个新的域名如mip.localhost.com、m.localhost.com…,将此域名绑定到WordPress对应的网站根目录。我使用的是宝塔面板,我的MIP地址是:https://m.ccswust.org/(使用手机访问)所以就是这样绑定的