在WordPress中实现评论头像的自定义默认和延迟加载，wordpress头像_PHP教程

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了在WordPress中实现评论头像的自定义默认和延迟加载，wordpress头像_PHP教程，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1758字，纯文字阅读大概需要3分钟。

内容图文

在WordPress中实现评论头像的自定义默认和延迟加载，wordpress头像

自定义 WordPress 默认评论头像
对于没有设置Gravatra头像的评论者来说，WordPress会显示一个你在后台设置的默认头像，可以是神秘人、空白、默认的Gravatar 标志等等。但是这些头像有一个共同的不足之处，就是不怎么美观，可看性不强！打个比方，如果你去一个博客阅读文章，但当你放心评论文章的读者头像都是小怪物、复古等一系列WordPress自动生成的“不堪入目”的头像时，你还有很浓的兴趣去阅读这个博客的文章吗？我想答案是肯定的！那么，你有没有想过，自己设计或找一个属于你博客、适合你博客的默认WordPress头像那？好了，周良就不吊大家的胃口了，让我来说一下如何不使用插件实现自定义WordPress默认评论头像的方法。

方法很简单，将下面我提供的这段代码放在你正在使用的主题functions.php文件中。

<?php
// Make a new default gravatar available on the dashboard
function newgravatar ($avatar_defaults) {
$myavatar = get_bloginfo('template_directory') . '/images/tweaker.jpg';
$avatar_defaults[$myavatar] = "Tweaker";
return $avatar_defaults;
}
add_filter( 'avatar_defaults', 'newgravatar' );
?>

上面代码中的/images/tweaker.jpg就是自定义默认头像的相对路径，你可以自行修改图片的地址。建议将头像放到你正在使用的主题images文件下面。

延迟加载 WordPress 评论头像
修改 HTML 结构

因为前面说到在新式浏览器中的问题, 我们不能再用一般书写 HTML 图片的方式, 而是要将占位符写到 src 属性, 而将真正的图片地址写在 data-original 属性上. 所以 WordPress 头像代码结构应该是下面这样的.

在 WordPress 中, 本来输出头像如下.

<?php echo get_avatar($comment); ?>

现在需要改为适合 Lazy Load 插件的结构如下.

<?php echo '<img class="avatar" src="" alt="" data-original="' . preg_replace(array('/^.+(src=)(\"|\')/i', '/(\"|\')\sclass=(\"|\').+$/i'), array('', ''), get_avatar($comment)) . '" />'; ?>

这里建议使用 loading 图片或者默认头像作为占位符图片.

添加 Lazy Load 支持

打开 footer.php, 在

内容总结

以上是互联网集市为您收集整理的在WordPress中实现评论头像的自定义默认和延迟加载，wordpress头像_PHP教程全部内容，希望文章能够帮你解决在WordPress中实现评论头像的自定义默认和延迟加载，wordpress头像_PHP教程所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

---