二次开发

01. 布局修改(完成)

两栏布局改成小红书那种宽屏布局,左侧导航栏做的窄点(228PX 宽度),右侧内容区分两种设计,片刻、文章详情等页面的内容,保持现在的宽度(居中显示,参考 medium 这个网站,如下图 1-2),文章展示页(原主题自带三种样式,网格样式下布局和小红书一样,分电脑平板和手机端,默认每行 5 图,平板端 ipadpro,横屏每行 4 图,竖屏每行 3 图,ipad air 和 mini 也按小红书布局参考,手机端默认改成 2 图设计(主题是 1 图)。卡片和常规样式保持单图文章不变,居中显示如下图medium)-先做(急)

备注:

04.左侧导航的每一行链接,改的靠左边点,像小红书那样,当前的还是居中貌似。(我这里看还是没靠左边(如下图,那更多那一栏距离,距离屏幕左边是 32PX,我们的是 53PX),然后更多那个选项没有像小红书那样固定在底部,更多这里手机端点击后,图标不对齐)

05.拉伸问题解决了,出现了新的问题,宽度变小后,每一行的小区块之间的间隙变大了,到达某个宽度以下,因为图片太小,下面的头像日期那一栏开始延伸第二行了。(这里就是我之前担心的问题,如果等比例拉伸,每行图片固定就会这样,相当于把我之前提到的这个取消了:默认每行 5 图,平板端 ipadpro,横屏每行 4 图,竖屏每行 3 图,ipad air 和 mini 也按小红书布局参考。本来我截图小红书就是考虑到小红书做了 1728 的宽度设置,屏幕多出来的宽度是留白的,就没有拉伸问题,结果你一开始就做了全屏的设计。那就像星流网站那种了,那些全屏网站都是多少宽度设置了每行几张图片,然后等比例放大缩小的,比如 1728 6图 1366 5 图 1040-1366 4 图 1040 以下 3 图 把这个区域限定住应该就可以了,模板本来自带的我好像看到有这种CSS 样式代码。就是不知道他是不是用来一次调用显示几张的效果。本来你开始的做法,只需要超出多少宽度,图片宽度不动,多出来的宽度两边留白就不会有拉伸问题了)。看下行不行

06.点折叠图标,右边的头像又开始往左动了。

07.底部的播放器,两边留白对齐,目前的不协调。

02.用户中心和注册修改(完成)

01.erphpdown 插件的用户中心和 VIP 升级页面的样式,页面仿照比比网站的个人资料和 VIP界面(原插件的用户中心模板是左栏,改成顶栏设计,分别为:个人资料、会员订阅、我的收藏、会员记录、购买清单、退出(这四个收藏不急,另外两个自带的)。具体排版大致如图(图 2 和图 3 是一个 VIP 单页和一个在用户中心的 VIP(显示会员等级,充值卡兑换功能,插件也有自带的,只要改样式就好了),VIP 单页如果是未登录状态,设置一个点升级购买显示登录弹窗,和本站点有时间头像弹出登录界面一样,参考网站(需要登录才能看到界面):https://beebee.work/ -- 个人资料:支持上传本地头像、用户名和昵称邮箱密码支持修改-先做(急)(完成)

备注:

06.手机端登录后点头像的弹窗,无背景图的界面状态,会被遮挡(下图右上角)。

03.文章界面的修改

01.方案二:参考这个站oyiso.cn文章页面的悬浮框,分享按钮为下载按钮,点下载显示单独购买|价格,升级会员|免费,点单独购买如果未登录状态会弹出本主题的登录界面(原插件的登录界面是 WordPress 的登录界面),点升级会员进入会员单页。点击后的界面,除了未登录状态不一样,其他和原插件一样,只是改样式。悬浮柜要固定页面底部居中显示。下载详情的样式也改一下,如下图。另外手机端文章详情页面,底部导航不显示,不然悬浮框和底部导航加在一起太挤了。-先做(急)(完成)

04.下载框弹窗变丑了,整的太大了。

02.erphpdown 插件的付费查看文章功能的显示样式改成一个按钮图标,遮罩文章效果(付费模式显示 20% 内容,只需要会员升级效果),参考 medium网站(需要连外网):-先做(急)https://medium.com/@MediumStaff/list/staff-picks-c7bc6e1ee00f

03.把文章底部的分享点赞区块删除,文章标题下方,新增收藏,双语阅读和分享按钮,双语阅读点击按钮后出现弹窗(样式参考上图点下载出现的弹窗那样),默认中文可以选择(中文、英文、或者中英双语),比如这两个网站https://www.englishclips.io/clips/21https://www.feiyanpod.com/episode/576730,只是形态比他们更丰富点。收藏按钮(对应用户中心我的收藏页面,文章列表样式用网格的);样式为:图标收藏、图标双语、图标分享,这样好了。下图缺了文字。- 不急

04.分类页样式修改(完成)

01.分类页标题前的分类冒号隐藏掉,标题下方加个二级分类,样式参考模板自带的文章模板的那样。 如下图:比如设计审美这个分类下还有设计 1、设计 2、设计 3 的子分类,下图就显示全部、设计 1、设计 2、设计 3 这样子。-先做(急)(完成)

02.下方的文章列表样式在分类的后台设置页面可以按不同分类选择不同列表样式,而不是像原模板那样只能统一选一个样式(原模板有 3 个 列表样式),比如分类 1 的页面,可以选择网格样式,分类 2 的页面可以选择常规样式(如下面两张图)。(完成)

文章缩略图支持自定义高度,如下图 小红书 和雀乐的文章样式,不同高度效果(可以抄主题 modown的分类设置功能,后台主题里有,需要模板文件可以发你)。- 不急(完成)

03.对主题默认网格和卡片样式做修改,网格样式抄小红书的网格样式(上图中间标题,标题最多显示 2 行-最下左侧头像时间右侧点赞图标-点击可点赞)。-先做(急)(完成)

卡片样式改成如下图(左侧区块1标题(最多 2 行)、区块 2摘要、 区块 3 左侧头像时间、点赞、评论,右侧收藏图标),抄medium网站的文章列表样式(需外网):https://medium.com/( 1 说的布局就是下图这样文章单列居中展示)-不急(完成)

对网格样式衍生 2 种新样式,样式 1,去掉标题和最下方的那一栏,为纯图列表,类似即梦星流网站那样,样式 2,标题下方再加文章摘要,其他一样,参考雀乐这个网站的文章列表 - 不急(完成)

05.其他修改

01.主题后台增加一个隐藏文章和分类页面顶部背景的功能。 如下图所示 - 次急(完成)

02.后台加个前台仅针对注册用户(订阅者)隐藏发布片刻图标的功能(电脑端图标在网站右上角,手机端底部导航有个加号),管理员和编辑依然显示。这个功能如果开放,注册用户作为订阅者设置允许通过片刻功能发布仅限分类为社区的帖子(发布界面隐藏掉添加图片视频按钮),如下图,笑脸左边的功能对普通主持者隐藏。- 不急(完成)

04.顶栏搜索框左边加个可以伸缩左侧导航的按钮,参考 medium 网站那样。- 不急(完成)

备注:这里看下加段 CSS,就是伸缩效果带点缓冲的动态。我忘记是哪个 css 样式了。

06.手机端底部的导航在 PWA 模式下(我装了 pwa 插件,就是添加到手机屏幕后像 app 那样浏览),能否像比比网站那样上移一点。 - 不急

08.左侧导航加一个更多功能,像小红书那样,把网站右侧的音乐、深色模式按钮图标放进去。(完成)

返回图标除了文章外,位置参考小红书布局。比如电脑端,改成屏幕最右侧,平板和手机端端参考小红书横竖屏那样。文章详情页面,放在下载悬浮框里。

备注:这里就是左侧的更多,固定在底部。然后除了文章的返回顶部是放在悬浮框里的。其他页面就和大部分网站那样。在最右边整一个返回顶部就好。如下图右下角位置这种。

其他问题(先这些有的忘记了。):

消息盒子
# 您需要首次评论以获取消息 #
# 您需要首次评论以获取消息 #

只显示最新10条未读和已读信息