百度MIP规范对原有网页img标签进行了重新的定义,需要使用mip-img用来支持在mip中增加的图片内容。对于将已有的页面改造引入MIP就必须将原有的所有图片使用mip-img标签,而在改造的时候,我们可以通过直接替换原有img标签,但是对于我们已经写入数据库的文章内容,直接输出的时候图片依然是img,也不可能把数据库图片标签替换为mip-img,所以最好的方式就是在输出内容的时候进行替换。

mip img

说了一堆凌乱的文字,不知道有人看得懂不,但是子凡的目的很明确,就是给大家提供一段可以在WordPress中,直接将文章中的图片直接替换并符合百度MIP中mip-img标签的规范,从而让你的WordPress文章页面图片内容也符合百度MIP规范

下面直接上代码,直接将以下代码添加至当前WordPress MIP主题中的functions.php文件中:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
//WordPress文章内图片适配百度MIP规范
//last update 2016/11/15
add_filter('the_content', 'fanly_mip_images');
function fanly_mip_images($content){
	preg_match_all('/<img (.*?)\>/', $content, $images);
	if(!is_null($images)) {
		foreach($images[1] as $index => $value){
			$mip_img = str_replace('<img', '<mip-img', $images[0][$index]);
			$mip_img = str_replace('>', '></mip-img>', $mip_img);
			//以下代码可根据需要修改/删除
			$mip_img = preg_replace('/(width|height)="\d*"\s/', '', $mip_img );//移除图片width|height
			$mip_img = preg_replace('/ style=\".*?\"/', '',$mip_img);//移除图片style
			$mip_img = preg_replace('/ class=\".*?\"/', '',$mip_img);//移除图片class
			//以上代码可根据需要修改/删除
			$content = str_replace($images[0][$index], $mip_img, $content);
		}
	}
	return $content;
}

代码不算多,但是应该刚好能解决问题,同时子凡发布的免费版和收费版WordPress MIP主题Fanly-MIP)也已经添加给功能,请大家放心使用即可。

除非注明,否则均为泪雪博客原创文章,转载请以链接形式标明本文地址

本文链接:https://zhangzifan.com/wordpress-mip-img.html

发表评论

  1. 烧酒博客
    1楼
    烧酒博客 4个月前 (11-20)

    百度的新花样0.0

  2. 手机蛙排名软件
    2楼
    手机蛙排名软件 4个月前 (11-18)

    谢谢分享 了,刚好在查找找个资料

  3. 增达网
    3楼
    增达网 4个月前 (11-17)

    你的博客就像冬天里的一把火!

    • 张子凡
      回复
      张子凡 4个月前 (11-18)
      回复 @增达网 :谢谢,天冷了,记得要常来
  4. 苏航
    4楼
    苏航 4个月前 (11-17)

    有换友链的没?

    • 张子凡
      回复
      张子凡 4个月前 (11-17)
      回复 @苏航 :可以的,网站内容行业一样的可以首页,其它的在内页
  5. 小残
    5楼
    小残 4个月前 (11-16)

    添加后图片消失了。下面的代码都删除了。
    $mip_img = preg_replace(‘/(width|height)=”\d*”\s/’, ”, $mip_img );//移除图片width|height
    $mip_img = preg_replace(‘/ style=\”.*?\”/’, ”,$mip_img);//移除图片style
    $mip_img = preg_replace(‘/ class=\”.*?\”/’, ”,$mip_img);//移除图片class

    • 张子凡
      回复
      张子凡 4个月前 (11-16)
      回复 @小残 :这三行是可以编辑的,其它的不要改
  6. themebetter
    6楼
    themebetter 4个月前 (11-16)

    互联网在不断更新。

  7. 非凡自媒体矩阵导航
    7楼
    非凡自媒体矩阵导航 4个月前 (11-15)

    贵站符合 非凡自媒体矩阵导航 收录要求,已被 非凡自媒体矩阵导航 自动收录。

    • 张子凡
      回复
      张子凡 4个月前 (11-16)
      回复 @非凡自媒体矩阵导航 :非常感谢!
  8. 购物街
    8楼
    购物街 4个月前 (11-15)

    谢谢分享

  9. 任务易
    9楼
    任务易 5个月前 (11-09)

    上次的自己用不了 这次你分享居然没问题

    • 张子凡
      回复
      张子凡 5个月前 (11-09)
      回复 @任务易 :哈哈哈,能用就行咯
  10. 松松软文发布
    10楼
    松松软文发布 5个月前 (11-07)

    不错,,看完学习到了