位置: 编程技术 - 正文

在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网站迁移)

  • 土地入账成本包含哪些
  • 价税合计金额怎么算出税额
  • 弥补以前年度亏损金额从哪里来的
  • 购车保险返现如何做会计凭证
  • 预售款计入收入吗
  • 个人独资企业缴纳个人所得税
  • 货物已经入库,发票没有收到记账
  • 汇算清缴后发放的工资
  • 建筑公司挂靠项目账务怎么做?
  • 公司办的中石化油卡可以查视频记录吗
  • 存货自然灾害损失进项税
  • 报表中利润为什么税后比税前大?
  • 财税2009年59号解读
  • 劳务公司的税率是多少经营模式
  • 什么叫统借统还业务
  • 企业向职工发放的奖金属于
  • 企业创业初期能干什么
  • 增值税适用范围和税率
  • 盈余公积可以发放工资吗
  • 财务费用中的利息收入指什么
  • 增值税发票系统报税盘怎么用
  • 施工项目直接成本和间接成本
  • 零元股权转让会亏本吗
  • 存货监盘计划要求,在对存货盘点结果进行测试时
  • 工资达到起征点 报税时没有税款
  • 如何打开mac系统
  • 向房东要押金的不犯法的妙招
  • 累计计税折旧如何调整
  • 货到付款怎么做账
  • sload命令
  • 拉马克是哪国人
  • 委托银行贷款利息收入
  • PHP isset()与empty()的使用区别详解
  • 编程主要学什么东西
  • 已缴款未入库是扣款成功了吗
  • node.js安装步骤
  • excel&命令
  • 代发工资如何计算
  • 怎么修改手机的地理位置
  • 支付中间人佣金违法吗
  • 进项大于销项怎么办
  • 水电费专用发票模板
  • 小规模纳税人减免增值税会计处理
  • 公司冲账发票做账流程
  • 高温补贴纳税
  • 有外经证还要缴纳企业所得税吗
  • 研发支出资本化支出期末怎么处理
  • 生产线更新改造替换的旧设备
  • 公司库存现金如何存回银行
  • 债务重组的会计例题
  • 销项税额减去进项税额就是该交的税吗
  • 个人为什么不能购买永续债
  • 增值税专用发票开了有什么用
  • 最新商业会计科目做账
  • 销售退货怎么开票
  • mysql如何跨库查询
  • Win10系统怎么进入控制面板
  • 更新最新版win11,任务栏不见了
  • win10系统查看
  • 电脑开机后显示xp界面后一直是黑屏状态
  • 系统警告设置
  • 苹果mac怎么下载
  • linux 系统查看
  • win8任务管理器打不开怎么办
  • Linux基本命令使用
  • win8个性化外观恢复默认设置
  • win8的开始和运行在哪儿
  • dev c++怎么配置环境
  • Android:Activity+Fragment及它们之间的数据交换(一)
  • react native usestate
  • 隐藏磁盘空间
  • 批处理应用实例
  • 使用灭火器人要站在上风口还是下风口
  • JavaScript window.document的属性、方法和事件小结
  • unity每帧调用
  • JavaScript中property和attribute的区别详细介绍
  • js写后端用什么框架
  • Python中的除号
  • 购物金怎么退换面额的
  • 消费税记不记入成本
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设