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

02.网格模式下,手机端的每行中间(这个我看好像padding对图片也生效导致的,外padding 取消,下面的标题和图标那块设置padding0 5px就解决了)和上下区块的间隔太大了,像小红书那样改的小点。然后你看下图小红书,上下行的间距是固定的,这样有的标题两行,有的标题一行显示起来会更流畅。你看好调吗,不好调要不就把两行标题取消掉 得了,我感觉这里不太好整,没找到怎么改,不折腾了留一行标题算咯。


03.文章设置里的选了卡片和常规,前端的布局会变成主题原始的那样。(不管是文章模版还是分类下的卡片,顶部导航头像往左边变化了(下面第一张图),然后卡片样式,手机端没有显示摘要了。另外卡片这个样式头像点赞图标这一栏能否和图片底部对齐,到时候我把这一栏的背景去掉好看点,原始的这个太丑了)



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/ -- 个人资料:支持上传本地头像、用户名和昵称邮箱密码支持修改-先做(急)(完成)
备注:
01.输入账号登录有时候会没反应,点退出不能直接退出。(早上点登录登录不上,晚点再试试)
02.VIP 的单页忘记做了(https://goooday.club/shengjivip/ 就是原来插件自带的 VIP单页模板,和个人中心的VIP页一样 就好了。),然后 单页未登录状态记得点升级会员和点下载一样弹出登录界面,不是原始 wordpress 的登录页。然后,VIP 如果多设置几个就会空间溢出,和之前双标题那样。我多设置了 2 个 VIP。VIP 等级排序反着来了,也行,改起来方便还是改升序吧,还有权益前面的对勾图标去掉。

03。个人中心现在好多了,3个问题,1.整个区块和顶部有一段间隙,不要有间隙,头像区域可以距离顶部加点 20PX 的间隙。2.内容区,两边可以加点 padding 间隙,不然手机端两边没有空隙的( 下面第二张图)。3.修改密码栏,输入旧密码这个用不上,删除。


04.我的收藏页面,背景色去掉好了。
05.个人中心距离底部可以再加点空隙。margin-bottom 180px 差不多了。如上图标注出来的。
06.手机端登录后点头像的弹窗,无背景图的界面状态,会被遮挡(下图右上角)。

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

备注:
01.悬浮框深浅模式还是没解决,图标块的背景其实不需要,和原来网站那样多好看,点进图标背景变深色也不好看,手机端的图标两边间隙还是贴合的,多点间隙,然后距离底部还是太高了点(存在播放器时再往下就遮挡了),看下面和原站的对比。还有个下载按钮不要显示价格。看上面方案 2 的红字,价格加在单独购买那栏。

02.手机端文章页面无法拖动的情况还是存在。03.点击音乐标题,无法弹出播放器的问题还是存在。
04.下载框弹窗变丑了,整的太大了。



02.erphpdown 插件的付费查看文章功能的显示样式改成一个按钮图标,遮罩文章效果(付费模式显示 20% 内容,只需要会员升级效果),参考 medium网站(需要连外网):-先做(急)https://medium.com/@MediumStaff/list/staff-picks-c7bc6e1ee00f
备注:
01.这里点击升级会员,未登录状态没有弹出登录界面,跳到原始登录界面了

03.把文章底部的分享点赞区块删除,文章标题下方,新增收藏,双语阅读和分享按钮,双语阅读点击按钮后出现弹窗(样式参考上图点下载出现的弹窗那样),默认中文可以选择(中文、英文、或者中英双语),比如这两个网站https://www.englishclips.io/clips/21和https://www.feiyanpod.com/episode/576730,只是形态比他们更丰富点。收藏按钮(对应用户中心我的收藏页面,文章列表样式用网格的);样式为:图标收藏、图标双语、图标分享,这样好了。下图缺了文字。- 不急
备注:这里除了双语可以了,双语看后面怎么调。是以短代码的方式实现还是你看咋实现。比如默认文章前端肯定是显示中文。然后我后台要中英文内容放进去。前端,可以点击按钮选英文中文双语这样。这里可以放在最后去解决,最不急的部分。

04.分类页样式修改(完成)
01.分类页标题前的分类冒号隐藏掉,标题下方加个二级分类,样式参考模板自带的文章模板的那样。 如下图:比如设计审美这个分类下还有设计 1、设计 2、设计 3 的子分类,下图就显示全部、设计 1、设计 2、设计 3 这样子。-先做(急)(完成)
备注:子分类没有按下图的排版做,变成主分类文字下方了,尤其是手机端会很难看。是在图片主分类这个区块的下方另起一行。下面第三张原始的样式好看。



02.下方的文章列表样式在分类的后台设置页面可以按不同分类选择不同列表样式,而不是像原模板那样只能统一选一个样式(原模板有 3 个 列表样式),比如分类 1 的页面,可以选择网格样式,分类 2 的页面可以选择常规样式(如下面两张图)。(完成)
文章缩略图支持自定义高度,如下图 小红书 和雀乐的文章样式,不同高度效果(可以抄主题 modown的分类设置功能,后台主题里有,需要模板文件可以发你)。- 不急(完成)


03.对主题默认网格和卡片样式做修改,网格样式抄小红书的网格样式(上图中间标题,标题最多显示 2 行-最下左侧头像时间右侧点赞图标-点击可点赞)。-先做(急)(完成)
备注:01.这里的样式还没做好,参考小红书的样式。目前的问题:标题上下的间隔不对称,标题的字号字重,还有标题没居左对齐。还有个问题,比如高度固定,宽度是不是和高度按比例的。

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

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

05.其他修改
01.主题后台增加一个隐藏文章和分类页面顶部背景的功能。 如下图所示 - 次急(完成)
备注:现在文章页面出现背景图了。

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

04.顶栏搜索框左边加个可以伸缩左侧导航的按钮,参考 medium 网站那样。- 不急(完成)
备注:这里看下加段 CSS,就是伸缩效果带点缓冲的动态。我忘记是哪个 css 样式了。
06.手机端底部的导航在 PWA 模式下(我装了 pwa 插件,就是添加到手机屏幕后像 app 那样浏览),能否像比比网站那样上移一点。 - 不急


08.左侧导航加一个更多功能,像小红书那样,把网站右侧的音乐、深色模式按钮图标放进去。(完成)
返回图标除了文章外,位置参考小红书布局。比如电脑端,改成屏幕最右侧,平板和手机端端参考小红书横竖屏那样。文章详情页面,放在下载悬浮框里。备注:这里就是左侧的更多,固定在底部。然后除了文章的返回顶部是放在悬浮框里的。其他页面就和大部分网站那样。在最右边整一个返回顶部就好。如下图右下角位置这种。

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

空空如也!