帝国CMS的MIP模板制作教程
2019-04-11 站长 站长日志
百度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是写数据库的,所以用模板替换功能,肯定是不行的,这里就需要用其他的方法了。
<?=str_replace(array('<img','<IMG'),'<mip-img',preg_replace("/sstyle=.*?>/si",">",$navinfor['newstext']));?>
把内容模板内的newstext标签替换成上面的代码就可以了,替换内容newstext字段内的img和去除img上的style属性。
至此,简单的帝国CMS百度mip改造就完成了,本教程适合模板结构不是很复杂的模板mip改造。如果模板相对复杂的以后有时间精准像素会为大家分享利用帝国CMS函数的方法来替换改造。
常用的帝国CMS百度mip改造语法
百度统计 <mip-stats-bidu token="百度统计后台获取"></mip-stats-bidu> <script src="https://mipcache.bdstatic.com/static/mipmain-v0.0.1.js"></script> 百度分享 <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> 畅言 <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>