位置: 编程技术 - 正文

在WordPress中实现评论头像的自定义默认和延迟加载(如何使用wordpress建站)

编辑:rootadmin

推荐整理分享在WordPress中实现评论头像的自定义默认和延迟加载(如何使用wordpress建站),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:wordpress使用,wordpress neve,wordpress功能介绍,如何使用wordpress建站,wordpress功能介绍,wordpress怎么设计网站,wordpress功能介绍,wordpress功能介绍,内容如对您有帮助,希望把文章链接给更多的朋友!

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

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

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

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

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

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

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

在WordPress中实现评论头像的自定义默认和延迟加载(如何使用wordpress建站)

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

添加 Lazy Load 支持

打开 footer.php, 在 </body> 前添加 Lazy Load 插件和调用即可.

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

使用 Lazy Load 的优缺点

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

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

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

WordPress迁移时一些常见问题的解决方法整理 一、导入数据库提示数据表已存在以周良博客使用的主机商-主机为例,提供了phpMyAdmin功能的,导入数据库只需要便捷的选择数据库,导入就可以了。

php实现遍历多维数组的方法 本文实例讲述了php实现遍历多维数组的方法。分享给大家供大家参考,具体如下:$a=array('fruits'=array('a'='orange','b'='grape',c='apple'),'numbers'=array(1,2,3,4,5,6),'ho

PHP编程中的__clone()方法使用详解 可以在对象类中定义一个__clone()方法来调整对象的克隆行为。此方法的代码将在克隆操作期间执行。除了将所有现有对象成员复制到目标对象之外,还

标签: 如何使用wordpress建站

本文链接地址:https://www.jiuchutong.com/biancheng/275593.html 转载请保留说明!

上一篇:PHP获取文件扩展名的4种方法(php获取文件扩展内容)

下一篇:WordPress迁移时一些常见问题的解决方法整理(wp网站迁移)

  • 注册税务师考试2023
  • 小型微利企业所得税率
  • 企业间无偿划转资产,非关联方经营
  • 研发支出指的是什么
  • 工程施工是资产还是负债
  • 银行存款属于其他货币资金核算内容吗
  • 销户之后可以重新申请吗
  • 贷款利息未取得发票所得税税前扣除哪年开始
  • 出售固定资产的净收益
  • 公司股东法人变更流程
  • 公司将我转到另外一家公司
  • 员工宿舍需要缴纳房产税么
  • 电子发票详见清单怎么开
  • 增值税暂估
  • 预提怎么写会计分录
  • 作废发票如何管理
  • 卷烟消费税税率表
  • 公园门票可以开发票吗
  • 小规模纳税人未达到起征点的增值税怎么做账
  • 自产产品用于集体福利按什么价格入账
  • 收到政府拨款怎么做账
  • 原材料报废怎么记账
  • 确认坏账的会计处理
  • 企业所得税若干问题
  • bho是什么文件夹
  • 预提收入需不需要计提增值税
  • php bi
  • 一搬纳税人
  • 上级拨付的债券会计分录
  • 当月已验旧的发票怎么开
  • json postman
  • 付出对价的公允
  • 车辆购置税发票图片
  • vue3引入图片
  • 股票收入需要交税
  • 企业向合伙企业转让股权
  • 百度怎么自动下载视频
  • 织梦官方网站
  • python logger
  • 应收补贴款是什么
  • 车辆购置税收优惠
  • 银行代发工资流程
  • db2使用教程
  • MySQL进阶SELECT语法篇
  • 销售代销货物会计处理
  • 应收票据周转率公式
  • 物流公司的修理工资高吗
  • 建筑企业预缴增值税款
  • 两个企业同一个法人
  • 法院的申请执行费是多少
  • 如何解绑企业微信绑定的邮箱
  • 个人账户发工资扣税吗
  • 营业收入净额怎么算出来
  • 会计准则 职工福利
  • mysql配置文件my.ini
  • mysql批量更新多条数据
  • win7,win8.1,win10命令行配置ip地址图文教程
  • windows8.1开机
  • Windows Server 2003服务器安全设置
  • win7 32位内存最大支持多少
  • win8.1 蓝屏
  • 电脑xp系统如何
  • 什么是bash命令
  • Mac怎么更改锁屏密码
  • linux命令行是什么字体
  • linux updatedb
  • 微软发布Win10优化工具
  • win10 sam文件下载
  • js导入图片
  • ExtJs3.0中Store添加 baseParams 的Bug
  • 一键配置天赋的台词
  • python简单加密
  • linux磁盘空间满了怎么办,硬盘空间还有很多
  • javascript中hasOwnProperty() 方法使用指南
  • django优势在哪里
  • Android GridView属性集合
  • python html转markdown
  • 车船税填表说明
  • 太原公交车咨询电话号码
  • 电子税务局密钥不一致
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设