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;
}

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

wordpress 全站改造百度 MIP(mip-img)图片标签代码:https://www.abcziyuan.com/wordpress-mip-img-all.html

本文链接:https://www.abcziyuan.com/wordpress/wordpress-course/4953.html

开通VIP会员
分享到: 生成海报
免责声明1. 本站所有资源来源于用户上传和网络,均不允许转载,如有侵权请邮件联系站长!
2. 分享目的仅供大家学习和交流,您必须在下载后24小时内删除!
3. 如发现会员转载本站资源文章,本站有权封禁会员账号!
4. 不得使用于非法商业用途,不得违反国家法律。否则后果自负!
5. 本站提供的源码、模板、插件等等其他资源,都不包含技术服务请大家谅解!
6. 如有链接无法下载、失效或广告,请联系管理员处理!
7. 本站资源售价只是赞助,收取费用仅维持本站的日常运营所需!
8. 如遇到加密压缩包,默认解压密码为"www.abcziyuan.com",如遇到无法解压的请联系管理员!
开通VIP会员
切换注册

登录

忘记密码 ?

切换登录

注册

我们将发送一封验证邮件至你的邮箱, 请正确填写以完成账号注册和激活