摘要:
以前的博文很少配图,原则是没有图就不配。图片的alt和title属性完全被忽略了。后来开始慢慢匹配图片,图片的alt都是手动填入图片文件的名称,或者是空的。至于图片的标题属性,也是经过这一番折腾才加上去的。/*强制将文章的标题作为图片的标题属性。如果不想设置图片的title属性,可以删除下面的代码!
以前博文很少配图,原则是能不配图就不配,图片 alt 和 title 属性压根就没理会过。后来慢慢开始配图(囧~写不出字贴图补上),图片 alt 都是手动填入图片文件名称,或者空着,至于图片 title 属性也是这次折腾才加上了。
实现代码
/**
* WordPress 判断并自动添加图片 alt 和 title 属性
*/
function theme_image_alt( $imgalt ){
global $post;
$title = $post->post_title;
$imgUrl = "<img\s[^>]*src=(\"??)([^\" >]*?)\[^>]*>";
if(preg_match_all("/$imgUrl/siU",$imgalt,$matches,PREG_SET_ORDER)){
if( !empty($matches) ){
for ($i=0; $i < count($matches); $i++){
$tag = $url = $matches[$i][0];
$judge = '/alt=/';
preg_match($judge,$tag,$match,PREG_OFFSET_CAPTURE);
if( count($match) < 1 )
$altURL = ' alt="'.$title.'" ';
$url = rtrim($url,'>');
$url .= $altURL.'>';
$imgalt = str_replace($tag,$url,$imgalt);
}
}
}
return $imgalt;
}
add_filter( 'the_content','theme_image_alt');
/* 强制用文章标题作为图片的 title 属性。不想设置图片的 title 属性的话可删除掉下面的代码! */
function theme_image_title($content){
global $post;
$pattern = "/<img(.*?)src=('|\")(.*?).(bmp|gif|jpeg|jpg|png)('|\")(.*?)>/i";
$replacement = '<img$1src=$2$3.$4$5 title="'.$post->post_title.'"$6>';
$content = preg_replace($pattern,$replacement,$content);
return $content;
}
add_filter('the_content','theme_image_title',15);
一点小缺陷:如果 img 标签中已经有了alt但是是空的,比如 alt="",则不会进行替换,这个可以在多加一个if语句进行查找替换即可
本文来源:【WordPress 判断并自动添加图片 Alt 和 Title 属性】
由思享SEO博客编辑转载,仅用于参考学习,如有侵权请联系本站修改删除!