DDR爱好者之家

在WordPress中实现评论头像的自定义默认和延迟加载
站长资源 2024/11/27 佚名
26 1538
DDR爱好者之家 Design By 杰米

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

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

<"Tweaker";
return $avatar_defaults;
}
add_filter( 'avatar_defaults', 'newgravatar' );
"htmlcode">



<img class="avatar" src="/UploadFiles/2021-04-02/占位符图片.gif">


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





<"htmlcode">



<"avatar" src="/UploadFiles/2021-04-02/占位符图片.gif">



<script src="jquery.lazyload.js">


当然, 在这之前你还需确保你的网站已经载入 jQuery. 完整的说明可以参考我翻译的关于 Lazy Load 的文章.


使用 Lazy Load 的优缺点


为什么用要 Lazy Load? 可能使用之前你就知道, 可以延迟加载图片, 提升页面加载速度. 但其实紧紧是速度问题, 其对网站的 SEO 也很重要. 比如: 现在有某文章页面, 后面有 N 多人回复, 但这些回复者的头像与文章内容往往没有关系, 我们不希望搜索引擎收录这么多无关的图片.


换个角度, 如果我们做的是电子商务网站, 希望产品的 description 中有丰富的图文信息, 并且被搜索引擎爬取. 但这些图片往往尺寸大影响加载速度, 淘宝为了页面性能也已经全部延迟加载, 而那些对 SEO 依赖性强的平台来说这种做法未必是好事.


选择是否延迟加载图片, 要衡量内容的重要性和页面的性能, 在其中取得平衡很重要.


 


                                

                                

                                     

                                
DDR爱好者之家 Design By 杰米

                            

                        

                        

                            

                                广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）

                                免责声明：本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除！
                            

                        

                        

                            
                            
                        

                        
                        
DDR爱好者之家 Design By 杰米
ddrfans.com DDR爱好者之家
8,675无损音乐
1,324高清电影
213破解软件
70,141收录资讯

更新日志

友情链接

杰晶网络 DDR爱好者之家 南强小屋 黑松山资源网 白云城资源网
DDR爱好者之家 Design By 杰米