子比V6.1适配Cravatar头像

距离上次为子比主题适配Cravatar已经过去将近五个月了,当时还是基于子比V5.6这个版本去改的,因为嫌麻烦子比V5.7我没有更新,这次直接用了V6.1,更新意味着之前自己的更改的地方都要重新改一下,其中最麻烦的就是这个cravatar头像了。

子比主题使用Cravatar代替原有头像 - 登山亦有道 (chenyan98.cn)

在上面这篇文章中直接更改了主题自带的头像获取方法所以只能显示Cravatar头像,在这次的修改中重写了一个方法通过控制传参实现了两者兼顾,当用户登录了就用自己上传的头像,没登录的话就通过Cravatar实现Cravatar、Gravatar、QQ头像的三级匹配,实在没有头像的话就显示默认头像。

目前我只修改了评论区、最近评论以及后台三个地方的显示,其他用不到的地方就没改,具体效果可看本站的相关页面,由于是新增方法因此并没有对主题原有的逻辑产生影响,个人测试还算完美。

图片[1] - 子比V6.1适配Cravatar头像 - 登山亦有道

为了实现这个功能需要修改zib-theme.php、zib-user.php、zib-comments-list.php这三个文件,代码有点长这里就不贴了,下边附上百度网盘链接,有需要的用户可以直接对上述文件进行替换。

链接:https://pan.baidu.com/s/1LKmhAWS4l8robqWUfyShGA
提取码:upu7

有人反馈替换文件之后还是显示默认头像,具体是什么原因我也不太清楚,因此打包了我主题文件夹的整个目录放在上边的百度云链接中,另外为了满足我得强迫症需求,评论区的样式我也做了相应的调整,这部分主要是css,放在主题的自定义css中即可。

/* 评论区样式微调 */
.mb10 {margin-bottom: 5px;}
.flex .grow1 {flex-grow: 1;margin-left: -6px;}
#comments .list-inline {padding: 10px;}/* 忘了. */
.comment-footer {margin-left: 34px;margin-top: 5px;}/* 主评论底部样式 */
#postcomments .children .children {margin-left: -9px;}/* 子评论直接排列 */
/* .wp-posts-content img {max-width: 100%;height: auto;display: inline-block;margin: auto;}适配heo表情 */
#postcomments .avatar-img {--this-size: 40px;margin-right: 10px;margin-left: 4px;margin-top: -8px;}/* 主评论头像 */
#postcomments .commentlist>.comment>.list-inline .comment-footer {margin-left: 54px;margin-top: 0px;}/* 评论底部样式 */
#postcomments .children .avatar-img {--this-size: 35px;vertical-align: 2px;margin-left: -8px;margin-right: 8px;margin-top: -11px;}/* 子评论头像 */
#postcomments .comment-content img:not(.smilie-icon) {max-width: 260px;max-height: 350px;display: inline-block;width: 30px;height: auto;}/* 文章内img样式 */
#postcomments .children {margin-left: 10px;background:rgb(255 255 255 / 15%);border-radius: var(--main-radius);padding-left: 10px;margin-bottom: 6px;}/* 删除评论背景 */

-----------------------------------------------------------------------------------------------------------------------

这次子比主题更新的东西不少,主要是论坛功能,但对我来说好像没什么用,升级完就直接关了,除此之外优化也有一些,最起码移动端的体验好了许多,还算可以吧!

V6.1

2022.01.01

新功能

  • 全新的论坛系统功能【查看教程】
  • 全新全面的用户权限管理系统【查看教程】
  • 新增用户身份认证功能【查看教程】
  • 新增用户等级功能【查看教程】
  • 新增移动端底部 Tab 导航功能【查看教程】
  • 新增API内容审核功能【查看教程】
  • 新增微信公众号关键词自动回复功能
  • 新增微信公众号配置自定义菜单功能【查看教程】
  • 新增微信公众号登录:微信 app 内自动请求登录功能
  • 新增自定义VIP会员图标功能【查看截图】
  • 经典编辑器(前台编辑器)增加隐藏内容的按钮
  • 前台编辑器优化上传图片按钮以及操作逻辑
  • 经典编辑器(前台编辑器)增加4种引言样式按钮
  • 新增右侧浮动按钮:页面滚动时隐藏功能
  • 新增右侧浮动按钮:显示当前页面二维码的按钮
  • 全新的个人中心页面【点击查看】
  • 全新的个人主页页面(作者页面)【点击查看】
  • 新增消息中心页面、个人中心页面链接 URL 别名设置功能
  • 新增搜索用户、文章、帖子、板块类型选择的功能
  • 新增分享功能:复制链接功能【查看截图】
  • 新增讯虎 pay 支付接口的自定义网关地址功能
  • 标签云小工具新增论坛话题、论坛标签的选项
  • 右侧浮动按钮新增:投稿、发帖、创建板块的Add按钮
  • 新增顶部导航显示:投稿、发帖、创建板块的Add按钮
  • 个人信息模块新增文章类型选择的功能
  • 新增导航栏用户卡片发布按钮设置选项
  • 选项中颜色选择器增加了两个渐变预置颜色
  • 评论功能新增发布、免审核、免人工审核、修改、删除的权限设置功能【查看教程】
  • 前台投稿新增发布、免审核、免人工审核的权限设置功能【查看教程】

优化内容

  • 优化页面缓存逻辑,性能更强且自动刷新,强烈建议使用缓存机制,提升性能3倍以上【查看教程】
  • 优化微信企业支付:JSAPI支付不再依赖公众号登录功能
  • 优化搜索框通过 AJAX 获取,减少 sql 查询次数 6-12 次
  • 优化图片上传功能的逻辑函数,提高执行效率
  • 优化大量移动端 UI 以及操作方式,在移动端看上去更接近软件操作
  • 优化了分享功能的逻辑函数以及 UI 显示样式
  • 优化了内容海报分享功能
  • 优化了大量弹窗的功能以及样式
  • 优化了部分默认图标、图片的显示效果
  • 优化一键在线更新功能,优化授权逻辑
  • 优化管理员评论不限制间隔时间
  • 优化了缩略图获取逻辑,提高了执行速度,修复了自动获取略图可能会错乱的bug
  • 优化个人信息模块、作者信息模块,为两个模块增加设置按钮模式、按钮颜色、按钮文字的功能
  • 修复移动端用户中心绑定微信显示异常的bug
  • 修复中文用户名注册时可能会出现系统错误的 bug
  • 修复消息中心未读消息翻页错误的 bug
  • 彻底修复侧边随动功能偶尔会异常调动或者异常遮挡的 bug
  • 修复个人主页部分评论点击后不能正确定位的 bug
  • 删除了老版本待删除的幻灯片模块
© 版权声明
THE END
喜欢就支持一下吧
点赞31赞赏 分享
评论 共12条
匿名的头像 - 登山亦有道
提交
匿名的头像 - 登山亦有道

昵称

在 WordPress 上使用 Sticker Heo 增添互动时的乐趣吧 !

取消
昵称表情代码图片
    • 不凡的头像 - 登山亦有道
      不凡 Windows Chrome 100.0.4896.127
        • 不凡的头像 - 登山亦有道
          不凡 Linux Firefox 99.0
          • 晨岩的头像 - 登山亦有道
            晨岩 Windows Edge 100.0.1185.44
    • 牛魔王的头像 - 登山亦有道
      牛魔王 Windows Opera 82.0.4227.43
    • 林羽凡的头像 - 登山亦有道
      林羽凡 iPhone Safari 15.1
      • 晨岩的头像 - 登山亦有道
        晨岩 Android Chrome 97.0.4692.70
    • ieu的头像 - 登山亦有道
      ieu iPhone Safari 15.2
      • 晨岩的头像 - 登山亦有道
        晨岩 Windows Edge 97.0.1072.55
        • ieu的头像 - 登山亦有道
          ieu iPhone Safari 15.2
            • ieu的头像 - 登山亦有道
              ieu iPhone Safari 15.2