当前位置:网站首页 > WordPress教程 > 正文
给WordPress评论中的Gravatar头像图片添加ALT属性
作者:98wpeu发布时间:2026-03-23分类:WordPress教程浏览:312
导读:今天在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获得内容和属性方法及示例 - Web前端
- Jquery css函数用法(判断标签是否拥有某属性) - Web前端
- 用jquery设置按钮的disabled属性的实现代码 - Web前端
- CSS3属性transform详解 - Web前端
- jquery中常用的函数和属性详细解析 - Web前端
- jquery获取自定义属性(attr和prop)实例介绍 - Web前端
- jQuery中使用data()方法读取HTML5自定义属性data-*实例 - Web前端
- jQuery .attr()和.removeAttr()方法操作元素属性示例 - Web前端
- JQuery设置和去除disabled属性的5种方法总结 - Web前端
- JQuery为textarea添加maxlength属性并且兼容IE - 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属性


