低仿微信端UI的个人朋友圈主题WXUI

低仿微信端UI的个人朋友圈主题WXUI

前言

这一切都要源于在Typecho Lover群里面一位小伙伴的教唆

这主题应该是作者第一个发布的公开的typecho主题

低仿微信端UI的个人朋友圈主题,可能仿得有点不太像,也有可能有哪些细节做的不够好

不过大家多多原谅,如果有遇到什么不合理的地方或者出现某些bug,欢迎留言提出意见或建议,我会尽快修复并提供修复解决方案

瞎搞不易,大家多多支持

主题适用于:个人动态信息的发表。(PS:不推荐长文使用)

主题特性

  •  低仿微信UI、微信朋友圈界面
  • ajax评论功能
  • ajax懒加载功能
  •  图片灯箱功能
  • 灵活的头图设置
  • 简洁的界面
  • 发表的内容支持文字、多图、视频

使用说明

1、将主题上传到typecho站点的/usr/themes/目录下面。注意如果主题文件夹的名称不是wxui,请自行修改为wxui
2、在typecho网站后台下的控制台>外观里面启用主题WXUI 仿微信个人朋友圈主题
3、在设置外观里面设置外观的相关属性,如朋友圈首页背景图片链接、个人头像图片链接、个人昵称等等。
4、需要添加以下几个独立页面:

  • 个人中心页面:页面自定义链接为my.html,自定义模板选择我的页面,内容可写入个人信息介绍等等文本内容。
  • 发现页面:页面自定义链接为discover.html,自定义模板选择发现页
  • 邻居页面:页面自定义链接为friends.html,自定义模板选择我的邻居
  • 发布页面:页面自定义链接为publish.html,自定义模板选择发布朋友圈

几个小问题的解决方案

1、多作者发的动态展示不同头像:
①修改index.php:

//源代码
<figure class="author-avatar"><img src="<?php $this->options->avatarUrl() ?>" alt=""></figure>

//修改后的代码
<figure class="author-avatar"><?php $this->author->gravatar(150); ?></figure>

②修改post.php:

//源代码
<figure class="author-avatar"><img src="<?php $this->options->avatarUrl() ?>" alt=""></figure>

//修改后的代码
<figure class="author-avatar"><?php $this->author->gravatar(150); ?></figure>

使用条款

1、您可以修改任何内容(除版权外),但是请不要将二次修改版本传播。
2、代码不可贩卖不可用于商业用途。
3、不可用于违法信息展示和传播。
下载或者使用代码后,默认您已经同意 该条约,若不同意请勿下载使用。


更新日志

2020-10-13 — V0.1修复小版本

  • 朋友圈首页动态过长,自动显示摘要(请下载functions.php和post.php两个文件上传到主题文件根目录更新即可
  • 部分页面信息输出优化
  • 修复朋友圈首页到详情页的跳转问题(请下载js/mainui.min.js文件上传到主题文件/js里面更新即可
  • 更新后记得清空缓存~

2020-10-13 — V0.1

  • 首发版本

主题预览

低仿微信端UI的个人朋友圈主题WXUI插图

分享到 :
相关推荐

发表评论

登录... 后才能评论