帝国CMS的MIP模板制作教程
2020-04-10 站长 站长日志
百度MIP是百度推出的手机版加速应用,主要是为了提升手机端页面访问速度,同时官方还明确MIP网站还可以优先收录和提升流量,非常适合流量站用户使用。但随着国内网速的体式,MIP的意义就随之不是那么重要了,网上很多朋友也都说MIP凉凉了,但是精准像素看到百度官网还有MIP更新信息,也没看到百度明确说不在对MIP网站提供优势辅助了。那么精准像素觉得还是可以试着能做就做一个MIP网站,毕竟不是很难。
在制作MIP模板之前,我们首先要了解MIP的制作要求有哪些。
MIP改造规范
以下只列出常用的语法规范,具体的大家可以去官网查看:https://www.mipengine.org/doc/2-tech/1-mip-html.html
<img>需替换为 <mip-img>
<iframe>需替换为 <mip-iframe>
<form> 需替换为 <mip-form>
<script>type 必须 text/javascript 、application/javascript
<a>需替换为 <mip-link>
同时图片标签上禁止出现其他属性标签,比如:style、width、height等等。还有百度统计、百度分享、百度广告等都有对应的百度MIP语法。
所以针对这些要求我们就需要对模板进行这些标签的替换就行。
帝国CMS百度MIP改造方法
1、后台新建一个MIP终端
2、img、iframe、form、script、a等常用标签改造,只需要在MIP终端内替换模板字段,把<img 替换字符 <mip-img就可以了。
这些标签改造大家自行试试就知道怎么弄了。
3、内容页的newstext改造,newstext是写数据库的,所以用模板替换功能,肯定是不行的,这里就需要用其他的方法了。
1 | <?= str_replace ( array ( '<img' , '<IMG' ), '<mip-img' ,preg_replace( "/s.*?>/si" , ">" , $navinfor [ 'newstext' ]));?> |
把内容模板内的newstext标签替换成上面的代码就可以了,替换内容newstext字段内的img和去除img上的style属性。
至此,简单的帝国CMS百度mip改造就完成了,本教程适合模板结构不是很复杂的模板mip改造。如果模板相对复杂的以后有时间精准像素会为大家分享利用帝国CMS函数的方法来替换改造。
常用的帝国CMS百度mip改造语法
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 |
百度统计 < mip-stats-bidu token = "百度统计后台获取" ></ mip-stats-bidu > < script src = "https://mipcache.bdstatic.com/static/mipmain-v0.0.1.js" ></ script > < a href = "http://www.11px.cn/tags/bdfx/" target = "_blank" >百度分享</ a > < script src = "https://mipcache.bdstatic.com/static/v0.1/mip-share.js" ></ script > < script src = "https://mipcache.bdstatic.com/static/v1.1/mip-stats-bidu.js" ></ script > 百度广告 < script src = "https://mipcache.bdstatic.com/static/v0.2/mip-ad.js" ></ script > < a href = "http://www.11px.cn/tags/cy/" target = "_blank" >畅言</ a > < mip-changyan ? appid = "cytbHGFzU" ? conf = "prod_79d1813385059b7a4473cddaeb0ccf0e" ? critical-width = "960" > < div ? id = "SOHUCS" ></ div > </ mip-changyan > < script src = " https://mipcache.bdstatic.com/static/v1/mip-changyan/mip-changyan.js" ></ script > 返回上一页 < mip-history history = "go, -1" class = "mip-history-default" layout = "responsive" width = "3" height = "1" >←返回</ mip-history > 统计 < mip-pix src = "[!--news.url--]e/public/onclick/?t=${TIME}&title=${TITLE}&id=${HOST}" ></ mip-pix > |