当前位置:网站首页 > WordPress教程 > 正文
给WordPress评论中的Gravatar头像图片添加ALT属性
作者:98wpeu发布时间:2026-03-23分类:WordPress教程浏览:275
导读:今天在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,然后安装就行了。
最终效果如下:
相关推荐
- JQuery设置和去除disabled属性的5种方法总结 - Web前端
- JQuery为textarea添加maxlength属性并且兼容IE - Web前端
- html中的input标签的checked属性jquery判断代码 - Web前端
- Jquery中dialog属性小记 - Web前端
- 跟着JQuery API学Jquery 之二 属性 - Web前端
- jQuery的context属性用法实例 - Web前端
- Jquery 获取指定标签的对象及属性的设置与移除 - Web前端
- jquery中选择块并改变属性值的方法 - Web前端
- jquery 学习之二 属性 文本与值(text,val) - Web前端
- jQuery修改CSS伪元素属性的方法 - Web前端
- WordPress教程排行
-
- 1#建站# 免费的VPS管理软件Xshell8/Xftp8中文版下载
- 2不同浏览器书签同步方案:坚果云+Floccus_详细使用教程
- 3LNMP一键包nginx 301强制跳转到https教程
- 4KeePass实现Chrome浏览器自动填充密码方法一
- 5WordPress随机显示特色图片插件:Random Post Thumbnails
- 6KeePass实现Chrome浏览器自动填充密码方法二
- 7SiteGround的CPU Time Usage是什么意思?为什么有感叹号
- 8WordPress关注微信公众号回复可见和阅读更多的方法
- 9自定义WooCommerce库存提示插件,修改Out of stock缺货提示
- 最近发表
-
- 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属性


