东方星雨

简单网络

一个爱好网络的80后男站长。

关注我东方星雨个人微信号:476847113

您现在的位置是:首页 > 站长日志

帝国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就可以了。

帝国CMS的MIP模板制作教程

这些标签改造大家自行试试就知道怎么弄了。

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>


文章评论