当前位置:网站首页 > WordPress教程 > 正文
给WordPress评论中的Gravatar头像图片添加ALT属性
作者:98wpeu发布时间:2026-03-23分类:WordPress教程浏览:437
导读:今天在bing管理员后台做SEO分析的时候提示网站图片没有alt信息,建议加上,然后看了下,有些文章是特色图片没ALT,更多的是Gravatar头像图片没有ALT信息,所以就来研究...
今天在bing管理员后台做SEO分析的时候提示网站图片没有alt信息,建议加上,然后看了下,有些文章是特色图片没ALT,更多的是Gravatar头像图片没有ALT信息,所以就来研究了下怎么给评论区的Gravatar头像图片添加ALT信息。
Gravatar头像图片添加ALT属性方法:代码版
这个方法很简单,直接编辑你当前使用主题的函数文件 (functions.php),添加下面这串代码保存就行了。
Code复制代码/**
* WordPress评论区gravatar头像添加alt属性
* 详情介绍:https://blog.naibabiji.com/tutorial/wordpress-gravatar-tou-xiang-jia-alt.html
**/
function gatttf_replace_content( $text ) {
if ( have_comments() ) {
$alt = get_comment_author();
} else {
$alt = get_the_author_meta( 'display_name' );
}
$text = str_replace( 'alt=\'\'', 'alt=\'Avatar for '.$alt.'\' title=\'Gravatar for '.$alt.'\'',$text );
return $text;
}
add_filter( 'get_avatar','gatttf_replace_content' );Gravatar头像图片添加ALT属性方法:插件版
如果你是WordPress新手,不会添加代码,那么可以用插件版,直接在后台搜索Fix Gravatar Alt Text & Title Tag,然后安装就行了。
最终效果如下:
相关推荐
- 前端开发:可枚举属性和可迭代对象 - Web前端
- vue每日一学:了解监视(侦听)属性watch和computed以及它们之间的区别 - Web前端
- 分析下原生JS里的hasOwnProperty的属性 - Web前端
- SEO优化:聊聊页面中rel =“canonical”和og:url标签属性 - Web前端
- 自从Google更改了rel = nofollow属性的处理方式后,我们应该如何去应对? - Web前端
- react每日一学:了解react中的context和props属性 - Web前端
- JavaScript深入理解函数 - 函数的内部属性 - Web前端
- Javascript实例教程:网页中移动拖拽的JS属性 - Web前端
- [JavaScript学习]JavaScript深入理解函数 - 函数的属性 - Web前端
- jQuery属性选择器用法示例 - Web前端
- WordPress教程排行
- 最近发表
-
- WordPress随机显示特色图片插件:Random Post Thumbnails
- KeePass实现Chrome浏览器自动填充密码方法一
- LNMP一键包nginx 301强制跳转到https教程
- KeePass实现Chrome浏览器自动填充密码方法二
- #建站# 免费的VPS管理软件Xshell8/Xftp8中文版下载
- 使用Xshell 8连接VPS教程_电脑登录vps的方法
- WordPress评论界面添加烟花????效果
- 不同浏览器书签同步方案:坚果云+Floccus_详细使用教程
- iOS端KeePassXC客户端APP:Strongbox Password Safe
- 给WordPress评论中的Gravatar头像图片添加ALT属性


