优化 page 和 comment 整体效果

文章目录
  1. page 页面部分
  2. comment 评论区部分
  3. post 文章页部分
page 页面部分

  • 增加home 首页欢迎动画:让访客更加感受到人情味,毕竟代码是冰冷的
  • 修改body 整体背景颜色:由纯白改为rgba(0,0,0,.01)(纯白在某些显示器下实在是太晃眼睛了)
  • 修改select、textarea、input、button 及文章列表方框边角大小:由3px修改为10px

comment 评论区部分

  • 修改基础信息位置:由下方改为右边(带有 cookies 的浏览器会自动保留访客信息,因此无需每次去调整。从评论框到验证码的位置,输入和发送一气呵成)
  • 修改评论日期、评论框、验证码位置:改为简约一些
  • 修改评论回复按钮样式:改为评论框内右居位置增加大小

post 文章页部分

  • 增加文字重点标签:在文中着重部分文字可以给访客快速获取信息
  • 增加阅读文字及时间统计:方便需要时间管理的访客
  • 修改上下篇方框位置及样式:由评论区上方改为下方
  • 修改字体大小:由0.65rem改为0.7rem,在宽屏时代字体大一些更能保护眼睛(目前字体根大小为 x-large,浏览器默认像素为 24px)

一直在不断优化主题,能够让访客看着舒服就好啦。

本文稿内容来源于“风记星辰”,请您在需要时注明。
在本文末若注明“参考、扩展”等字样均为涉及到转载部分第三方内容,具体说明请查看 版权及豁免条款

发表评论

您的电子邮箱地址不会被公开。

Captcha Code

12条评论优化 page 和 comment 整体效果
  1. 还记得第一次点进来的时候觉得主题超级独特又好看(✺ω✺) 可是现在记不起当时是什么样子了……(我这脑子)
    不过印象里还是喜欢刚看到的那个样子
    现在这个主页浏览有点卡卡的...(是我PC太垃圾了...)

  2. [基础信息]与[评论]底部不是同一水平线对齐,看得我有点强迫症。

    • @Fong嗯,看来用float布局还是会在不同浏览器上出现问题,最近准备用flex更换他😂

      • @THY估计要自定义一下 comment_form() 输出 HTML 结构,包裹下[基础信息],才方便实现 Flex 布局。

  3. 哈哈 我今天就在了个pjax 本来想优化 其他的。
    然后感觉可以发布这个程序 哈哈。