自定义 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 头像代码构造应该是上面这样的.

<img class="avatar" src="占位符图片.gif" data-original="头像图片.jpg" />

在 WordPress 中, 原本输入头像如下.

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

如今需求改为适宜 Lazy Load 插件的构造如下.

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

这里倡议应用 loading 图片或许默许头像作为占位符图片.

增加 Lazy Load 支持

关上 footer.php, 在 </body> 前增加 Lazy Load 插件和调用即可.

<script src="jquery.lazyload.js"></script>
<script>
/* <![CDATA[ */
$("img.avatar").lazyload();
/* ]]> */
</script>

当然, 在这之前你还需确保你的网站曾经载入 jQuery. 完好的阐明能够参考我翻译的对于 Lazy Load 的文章.

应用 Lazy Load 的优缺陷

为什么用要 Lazy Load? 可能应用之前你就晓得, 能够提早加载图片, 晋升页面加载速度. 但其实紧紧是速度成绩, 其对网站的 SEO 也很重要. 比方: 如今有某文章页面, 前面有 N 多人回复, 但这些回复者的头像与文章内容往往没无关系, 咱们不心愿搜寻引擎收录这么多有关的图片.

换个角度, 假如咱们做的是电子商务网站, 心愿产品的 description 中有丰厚的图文信息, 并且被搜寻引擎爬取. 但这些图片往往尺寸大影响加载速度, 淘宝为了页面功能也曾经全副提早加载, 而那些对 SEO 依赖性强的平台来说这种做法未必是坏事.

抉择能否提早加载图片, 要权衡内容的重要性和页面的功能, 在其中获得均衡很重要.

以上就是安达网络工作室关于《在WordPress中实现评论头像的自定义默认和延迟加载》的一些看法。更多内容请查看本栏目更多内容！