威言威语
我愿像茶,苦涩留心,清香予人。
威言威语
当前位置: 首页 > 设计 > 正文

WordPress优雅的响应式博客主题『Weisay Grace』v2.1.0

WordPress优雅的响应式博客主题,自适应PC端和手机端,设计风格优雅大方。后台简单配置之后就能上手使用,侧边栏全小工具设计,设计了9个常用小工具组件,每个小工具都有自己的设置,可以根据自己的喜好搭配使用,生成一个与众不同的博客。
WordPress优雅的响应式博客主题『Weisay Grace』v2.1.0

今天是建站满18周年的重要时刻,借此机会,我正式发布个人长期使用并精心打磨的 WordPress 主题 —— Weisay Grace。这个主题自用已有一段时间,整体体验让我非常满意,也希望它能为更多人带来优雅与实用并存的使用体验。

🎇 主题命名与演进

上一个主题 Weisay Box 在后续多个版本更新中逐步引入了一些 Weisay Grace 的新特性和优化内容,但 Weisay Grace 作为一个全新主题,依然带来了诸多改变与全新思路。命名中的 “Grace” 意在表达它简洁中带着一丝优雅的气质。

🎨 主题设计风格

整体配色采用带蓝调的灰色,避免了传统灰色系的沉闷感;而链接与按钮部分则点缀以亮丽的玫红色,增强视觉跳跃感。风格上追求 “简约不失精致,低调而有韵味”。

📦 主题信息一览

主题信息
主题名称 Weisay Grace
最新版本 2.1.0
发布日期 2025-04-22
最后更新 2025-10-12
更新日志 点击查看
WP版本 6.0+,优先最新版
PHP版本 PHP7.3 – PHP8.4
兼容性 响应式,自适应PC端和手机端
兼容性 FireFox、Chrome、Edge等,不支持IE
主题下载 百度网盘下载 提取码: 0422 、 Github下载
QQ群 182873723,研究主题使用技巧

🖼️ 主题预览

『Weisay Grace』主题预览

⚙️ 功能亮点与使用说明

后台基础设置功能和Weisay Box类似,同时做了一些精简,具体可以参考它的。

主题设置

评论者归属地功能

访客默认不展示归属地,可后台开启简版归属地(省级)。管理员登录后,前后台均显示详细位置信息。

后台评论列表页右侧中也增加显示评论者IP归属地。

使用了纯真IP数据库,没有使用czdb格式(需要秘钥才能使用),而是使用的dat格式(2024-09-25 社区最终版,原版中不少格式错误及错别字,我已使用 IPlook + Excel 修正格式与错别字)

小工具全面升级

之前主题中大部分侧边栏功能写死在模板中,这次全面改用小工具实现,每个小工具均支持配置选项,使用上更灵活。目前共内置 10 个实用小工具

weisay关于博主、weisay最新评论、weisay热门日志、weisay博客统计、weisay彩色标签云、weisay友情链接、weisay读者墙、weisay文章目录、weisay选项卡日志(最新、热评、随机)、weisay评论者等级

每个小工具均以“weisay”开头,方便识别与管理。

主题的小工具

是否启用旧版小工具

小工具默认使用块编辑器的方式,若不习惯块编辑器,可开启选项切换为经典编辑方式。旧版小工具虽然默认可用的没有块编辑器小工具的多,但是它用起来要简单一些。

小工具区域说明

PC端左侧专用: 专为文章目录设置的区域,支持个数及层级设置,适配高分辨率显示器。

当然如果你另辟蹊径,觉得文章页的侧边栏不放其他的就单放一个文章目录,那可以将文章目录小工具放到固定跟随的位置区域就行。

文章目录小工具

PC端右侧固定跟随: 页面右下随滚动悬浮,适合放置简洁重要组件,仅支持单个小工具。

移动端右侧边栏: 与PC端独立配置,左侧为导航菜单,右侧适配内容展示。

主题移动端

iconfont图标使用

整站的图标都使用了iconfont字体图标,本来想把主题使用的图标共享出来,有需要的人可以复制到自己项目中,并自行新增图标,但是没有找到怎么操作。

假如你修改主题并想新增一些图标,可以自己在iconfont上面新增一个项目,加入图标,下载图标文件放到主题里面,并在style.css中定义一下新图标,举例如下


@font-face {
font-family: 'newiconfont';
src: url('newiconfont/iconfont.woff2') format('woff2');
}
.newfont{font-family:"newiconfont" !important;font-size:14px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding-right:3px;display:inline-block;}

这样就可以在需要的地方使用你新增的图标了,也可以查看 iconfont的使用教程

时间轴文章归档

文章归档功能在原有的展开/收起模式基础上,新增了时间轴展示方式,支持分页浏览。若搭配缩略图显示,页面内容将更加丰富美观。

fancybox图片灯箱效果

主题默认集成了fancybox,图片加个a链接到新图片就可以使用,经典编辑器和块编辑器下各种方式添加图片都能发挥效果,图片的alt属性也能转变为fancybox的data-caption,点击可以直观查看图片的说明。

深色模式优化

相比Weisay Box主题定时切换深浅模式的方式,Weisay Grace 改为更智能的设计:

提供 单个切换按钮,点击即可切换。

默认首次访问将 跟随系统设置(深色/浅色)

用户手动切换后,系统模式变更主题色系模式仍可同步更新,确保体验一致。

这种方式兼顾系统偏好与用户操作,我个人更加偏向于这样的设计。我同时在文章《深色模式的设计思考》详细介绍过。

📜 使用与版权声明

请保留主题底部作者信息,支持原创。

主题为免费公开版本,禁止用于违反法律法规及公序良俗的行为,用户须对其不当使用行为可能带来的后果负全部责任。

📝 结语

希望 Weisay Grace 这个主题能在简洁、美观与功能性之间,为你带来舒适的使用体验。如果你喜欢,也欢迎分享给更多朋友。

如有任何反馈或建议,也欢迎通过评论或邮件与我联系。祝大家建站愉快,内容常新!

📋更新日志

weisaygrace 主题更新日志
2.1.02025-10-12
  1. 新增评论者等级小工具,可自定义等级数量、区间、名称;
  2. 新增多种模式文章缩略图函数,整合优化全站缩略图展示;
  3. 文章页上一篇下一篇样式调整,新增缩略图;
  4. 相关日志逻辑优化并新增缩略图,后台可配置;
  5. 分类热门日志缓存名称增加分类id,避免缓存冲突;
  6. 日志归档缓存优化,新增编辑、删除、回收站文章时清除缓存;
  7. 侧边栏读者墙新增缓存;
  8. 改版文章底部标签样式;
  9. 评论者修改信息的js和评论表情的js重构;
2.0.02025-09-17
  1. 新增后台主题更新提醒;
  2. 文章目录优化:增加根据当前阅读章节自动高亮标题功能;
  3. 评论系统优化:楼层展示与 ajax 翻页兼容顺序倒序、首页尾页,增加 nonce 校验;
  4. 热门/热评日志与评论排行榜增加缓存,性能提升;
  5. 样式优化:摘要显示更美观,Gravatar 头像替换源整合;
  6. 深色模式切换优化,逻辑更加清晰;
  7. IP 地址解析优化,避免非正确 IPv4 格式导致报错;
  8. 文件加载方式优化,避免子主题路径异常;
  9. 整体安全性提升,数据库读取与交互更加安全;
1.1.02025-06-17
  1. 根据manus对浅色系配色分析,改版深色模式配色;
  2. 实时获取邮箱头像地址的加密方式由md5改为sha256;
  3. 左侧文章目录取消离开文章区域就隐藏的判断;
1.0.02025-04-22
  1. 主题发布

相关推荐

WordPress优雅的响应式博客主题『Weisay Grace』v2.1.0:目前有 69 条评论

  1. 东方木
    33楼
    东方木1Google Chrome 130.0.0.0 Windows 11

    要是能兼容一下bbPress就更好了,可以增强互动。

    2025-10-16 13:30 回复
  2. 东方木
    32楼
    东方木1Google Chrome 130.0.0.0 Windows 11

    分页过多的时候能不能精简一点,否则页码太长了
    不能传图 :mad:

    2025-10-11 19:33 回复
    • William
      WilliamFirefox 143.0 Windows 10

      @东方木你是指文章内容太长想分页展示?
      主题支持文章分页的,如果你用的是块编辑发布文章,则在合适位置选择插入 [分页符] 。
      如果是经典编辑器,代码模式下在需要分页的地方添加以下标记:

      <!--nextpage-->

      如果不是文章分页问题,还需说的清楚一些。

      2025-10-12 15:03 回复
      • 东方木
        东方木1Google Chrome 130.0.0.0 Windows 11

        @William我的意思是如果分页超过20页,会显示特别多的分页数字,能不能弄成“123……100”这种缩略的页码显示方式,我的博客有时候会放一部分自己的作品连载,章节多一些,所以需要用到。谢谢!

        2025-10-12 15:10 回复
        • William
          WilliamFirefox 143.0 Windows 10

          @东方木分页优化的文件发你邮箱了,你看看行不行。

          2025-10-12 16:55 回复
          • 东方木
            东方木1Google Chrome 130.0.0.0 Windows 11

            @William收到了,感谢!就是123后面加个省略号我觉得美观些。http://www.zgzjw.top/%e5%94%90%e5%83%a7%e5%b8%88%e5%be%92%e6%89%93%e6%80%aa%e8%ae%b0/

            2025-10-16 07:43 回复
  3. ah新
    31楼
    ah新:Microsoft Edge 139.0.0.0 Windows 11

    已经用上了😁 :cool:

    2025-08-27 09:18 回复
  4. 老罗
    30楼
    老罗3Microsoft Edge 138.0.0.0 Android 10

    简洁耐看,手机版菜单右侧还有弹出侧栏,这个其他主题也不常见。

    2025-07-31 06:24 回复
    • William
      WilliamFirefox 141.0 Windows 10

      @老罗早期的一些app就是左右展出的造型,当时很新颖。就想着博客移动端用这种方式来布局。

      2025-07-31 10:46 回复
  5. XIGE
    29楼
    XIGE3Google Chrome 137.0.0.0 Windows 10

    给力呀

    2025-06-30 12:22 回复
  6. 林三
    28楼
    林三4Microsoft Edge 137.0.0.0 Windows 11

    威哥给力啊,这么快就分享了主题。按照惯例,分享了主题,是不是要开发新的主题了?

    2025-06-20 21:45 回复
    • William
      WilliamFirefox 139.0 Windows 10

      @林三这次还真没有,新主题还没有什么想法,就只是把在用的分享出来了而已。

      2025-06-21 19:06 回复
  7. 灰常记忆
    27楼

    :eek: 有个问题请教,顶部的二级菜单可否取消,分类的位置变为二级菜单?

    2025-06-10 02:00 回复
    • William
      WilliamFirefox 139.0 Windows 10

      @灰常记忆菜单都是自定义菜单,后台自定义菜单的时候都放在同一层级,就没有二级菜单了,具体需要显示哪些菜单都是可以自己选择的,菜单这块的功能就是使用 WordPress后台-外观-菜单 中自带的菜单功能,还是挺灵活的。

      2025-06-10 10:18 回复
      • 灰常记忆

        @William感觉有点重复,等会我试试看。

        2025-06-26 01:31 回复
        • William
          WilliamGoogle Chrome 137.0.0.0 Windows 11

          @灰常记忆如果你不想要顶部的菜单,就后台-菜单页面创建一个空的顶部菜单就行。把分类和页面都放到导航菜单上面。

          2025-06-28 22:11 回复
  8. 美樂地
    26楼

    十几年前用过您开发的主题,这个主题看起来很不错

    2025-05-12 21:06 回复
  9. 闲鱼
    25楼
    闲鱼3Microsoft Edge 136.0.0.0 Windows 10

    必须点赞

    2025-05-04 22:28 回复

发表评论

电子邮件地址不会被公开。 必填项已用 * 标注

gravatar

question razz sad smile redface biggrin eek shock confused cool lol mad rolleyes wink cry