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

<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中实现评论头像的自定义默认和延迟加载》的一些看法。更多内容请查看本栏目更多内容!

本文相关话题: WordPress 头像 PHP PHP编程
版权声明:本文为 安达网络工作室 转载文章,如有侵权请联系我们及时删除。
相关文章
WordPress数据备份心得分享

效劳器钱用光了要关了或许是效劳器想要搬家,需求备份各种数据。 明天简略的备份了一下在效劳器下面wordpre...

Ubuntu VPS中wordpress网站关上时提醒”建设数据库衔接谬误”的处理方法

一、发现成绩 在尝试编辑博客站点的Wordpress主题时,忽然发现博客站点无奈衔接;刷新后提醒“建设数据库衔...

wordpress设置友谊链接只在首页显示的办法

关于有的主题,当从后盾小工具中增加友谊链接后,却发现其是为全站显示的。假如只心愿让它在首页显示,则能...

wordpress获取自定义字段get_post_meta函数应用引见

wordpress能够设置自定义字段,不便扩大性能,wordpress利用巧妙的数据库表设计达到这一目的,posts表寄存文...

WordPress上传图片主动重命名的办法

复制代码代码如下:add_filter( 'wp_handle_upload_prefilter', 'custom_upload_name' ); function custom...

Wordpress自定义函数管制文章题目长度

WordPress显示文章题目的时分,当文章题目过长而且文章的题目又在主页显示时,假如发作换行的景象就显得不美...

需求提交

客服服务