WordPress中自定义检查头的延迟和默认加载
自定义WordPress默认评论头像对于那些不把Gravatra的头,WordPress会显示一个默认的头你在后台设置,可神秘人,空白,默认的Gravatar标志等。但这些头都有一个共同的缺点,那就是,不是很漂亮,但不是很好。比如,如果你去一篇阅读文章,但当你放心,编辑读者的图片是一个小怪物,和一系列的复古WordPress自动生成的头像时你是不堪入目,在阅读这篇文章有浓厚的兴趣我想答案是肯定的!那么,你有没有想过设计或寻找一个属于你的博客和博客的默认WordPress头呢好吧,周亮不想挂大家的肚子,让我说我不使用插件来实现一个定制的WordPress默认评论头像。
方法简单,这段代码我下面提供的是你的主题functions.php文件使用。
< PHP
在仪表板上做一个新的默认的Gravatar可用 /
功能newgravatar($ avatar_defaults){
角色= get_bloginfo('template_directory美元)。 /图像/调整JPG;
avatar_defaults { } =美元美元的角色调教;
返回的avatar_defaults;
}
add_filter('avatar_defaults ','newgravatar);
>
/ / tweaker.jpg图像在上面的代码是自定义的默认图像的相对路径,你可以自己修改图片的地址,建议把头像的主题下的图像文件你正在使用。
延迟加载WordPress审查头图像
修改html结构
因为前面所说的在现代浏览器中的问题,我们不能用一般的HTML图片来写,而是要给占位符写下属性,并把真实的图片地址写在数据的原始属性中。所以WordPress的图片代码结构应该是这样的。
在WordPress中,最初的输出头如下所示。
现在我们需要切换到以下的延迟加载插件的结构。
>;
这里建议使用加载图片或默认图像作为占位符图片。
添加延迟负载支持
Open the footer.php and add the Lazy Load plug-in and the call before.
< / * * / { CDATA {!
$(img。头像)。Lazyload();
}
当然,在此之前,您需要确保您的网站已经加载了完整的jQuery。说明我可以参考我翻译的懒惰加载文章。
使用惰性负载的优点和缺点
为什么懒惰的负载可能会在你看到之前使用。可以延迟、加载图像,提高页面加载速度。但是速度很紧,在SEO网站上也是很重要的。例如:有一篇文章页面,后面有N多人回复,但是这些回复的头部和内容往往是没有关系的,我们不想搜索引擎那么多无关的图片。
从另一个角度来说,如果我们做的是电子商务网站,希望能有丰富的产品描述和搜索引擎爬行。但这些图片通常是在加载速度的大小影响较大,以淘宝网页性能都延迟加载,而SEO的强烈依赖于平台的这种做法未必是一件好事。
选择是否延迟图片的加载,衡量页面内容和性能的重要性是很重要的。