「自学哈网」WordPress 文章内图片适配百度 mip-img 规范-自学哈网

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

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

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

//WordPress 文章内图片适配百度 MIP 规范
//last update 2018/12/07
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 popup\', $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;
}