当前位置: 首页 > 设计 > 正文

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

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

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

🎇 主题命名与演进

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

🎨 主题设计风格

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

📦 主题信息一览

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

🖼️ 主题预览

『Weisay Grace』主题预览

⚙️ 功能亮点与使用说明

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

主题设置

页面布局多样性

默认为常见的博客列表式布局;v2.2.0新增卡片布局页面样式,可自组搭配是否展示侧边栏,是否展示文章摘要,以及显示几列文章。让列表页样式更丰富。

评论者IP归属地功能

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

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

新版使用ip2region数据库,默认只开启支持IPv4,后台主题设置中可以开启同时支持IPv4和IPv6模式,但IPv6的数据库需要自行下载上传。

小工具全面升级

之前主题中大部分侧边栏功能写死在模板中,这次全面改用小工具实现,每个小工具均支持配置选项,使用上更灵活。目前共内置 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.4.12026-02-08
  1. 评论布局:新增评论框位置设置,可选择在文章上方或下方展示。
  2. 评论回复:优化 AJAX 回复后再次编辑评论时标题显示。
  3. 评论特效:新增后台开关,评论打字时礼花特效默认禁用、可选开启。
  4. 打赏样式:优化打赏弹窗样式,提升移动端展示效果。
  5. 二维码展示:补全文章二维码在深色模式下的显示效果。
  6. 无障碍优化:提升浏览器无障碍访问体验。
  7. URL 规范:调整首页地址获取写法,更加规范。
2.4.02026-01-16
  1. 主题配色:整体配色细节优化,并新增自定义颜色设置。
  2. 二维码展示:文章页新增二维码展示。
  3. 评论通知:优化评论回复邮件通知机制,移除重复的管理员通知逻辑。
  4. 性能优化:评论发布时相关缓存清理与邮件发送调整为异步执行,减少提交等待时间。
  5. 图片灯箱:增强 Fancybox 灯箱图片识别兼容性,适配更多图片结构。
  6. 搜索体验:卡片模式的搜索结果页调整为与文章列表页一致的展示模式。
  7. 评论展示:博主评论身份由文字标识调整为图标展示,区分更直观。
  8. 评论安全:优化非中文评论拦截控制,减少垃圾评论。
  9. 前端规范:统一前端脚本写法与资源加载方式,规范路径拼接,降低脚本冲突风险。
  10. 兼容与更新:更新 IP 数据库,并修复 PHP 7.3 及以下版本在便签页面的兼容性。
2.3.02026-01-05
  1. 邮件通知:新增 SMTP 邮件配置,并新增评论回复邮件通知的相关设置项。
  2. 评论安全:新增非中文评论屏蔽控制,减少无效与垃圾评论。
  3. 文章底部:打赏区域样式改版,并新增作者信息展示。
  4. 关于博主增强:在原有博主卡片基础上,支持自动识别并展示当前评论者的专属信息卡片。
  5. 编辑器控制:新增经典编辑器启用开关,并支持控制 中区块编辑器相关内联样式的输出。
  6. 评论数更新:修复评论标题中数量自动 +1 的问题,同时解决评论数带千分位时计算错误的 bug。
  7. 缓存一致性:新增发表评论后自动清理评论相关缓存,确保各区域评论数量显示一致。
  8. 分页与加载:分页逻辑优化,首页不再展示 /page/1;同时调整 Ajax 翻页策略,朴素型分页链接恢复为普通跳转,避免原 Ajax 翻页异常问题。
  9. 内容细节:新增随机评论引导诗句,并应用于侧边栏评论者信息卡片及评论框区域。
  10. 后台体验:主题设置选项文案统一优化,整体表达更专业清晰。
2.2.02025-11-19
  1. 样式更丰富:新增卡片布局页面样式,可自组搭配是否展示侧边栏,是否展示文章摘要,以及显示几列文章。
  2. 探索更多样:新增“标签云集”与“标签索引”两款标签页面,内容组织更多样。
  3. 布局更灵活:“走心评论”独立页面在PC端支持1至4列布局自定义,展示效果随心掌控。
  4. 摘要更完整:独立页面新增摘要输入入口,搭配SEO描述优化,内容呈现更精准。
  5. 功能更完善:友情链接页面新增内容展示区域,方便填写交换链接说明等内容。
  6. 视觉更出众:随机图片全面升级为大图展示,卡片布局时候图片展示更清晰,视觉冲击力更强。
  7. 结构更清晰:统一主题多个文件的命名规范,提升代码维护性,部分独立页面需要重新选择保存。
2.1.12025-10-28
  1. 布局更自由:新增页面顶部/底部信息自定义功能,底部信息支持“左右布局”与“居中布局”切换。
  2. 体验更沉浸:“走心评论”页面升级为瀑布流布局,浏览更具探索乐趣。
  3. 信息更精准:IP归属地数据库改为ip2region,并支持IPv6扩展,定位更准。
  4. 互动更清晰:评论者等级title优化,新增进度提示,成长目标一目了然。
  5. 界面更简洁:新增“无侧边栏”页面模板,专注内容本身。
  6. 细节更完美:多项样式细节优化,体验更佳。
2.1.02025-10-12
  1. 新增等级小工具:新增“评论者等级”小工具,可自由设置等级数量、等级区间和等级名称。
  2. 文章缩略图升级:新增多种模式文章缩略图函数,统一优化全站文章缩略图展示效果。
  3. 文章导航增强:优化文章页“上一篇/下一篇”的样式,新增缩略图显示,并支持后台开启/关闭。
  4. 相关推荐优化:改进相关日志的推荐逻辑,同时新增缩略图,支持后台配置。
  5. 缓存机制完善:为分类热门、日志归档、读者墙等多个功能新增或优化缓存,避免冲突并提升性能。
  6. 标签样式改版:全新设计文章底部的tag标签样式,视觉更突出,支持后台配置数量显示。
  7. 脚本代码重构:对评论者修改信息、评论表情的前端代码进行重构,提升稳定性和效率。
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.4.1》有 109 条评论

  1. Feng
    44楼
    Feng3Microsoft Edge 145.0.0.0 Windows 10

    威哥,新年好,啥时增加一个无缩略图模式,Bark评论通知。

    2026-02-17 01:12 回复
    • William
      WilliamMicrosoft Edge 145.0.0.0 Windows 10

      @Feng好的,下个版本无缩略图加进去。
      评论通知的,我不知道你有没有把主题里面评论邮件通知那个功能配置好,同时 后台-设置-讨论-发送邮件通知我 里面的有没有勾选上,如果都配好了,那么用户发表评论,你的管理员邮箱应该是能收到用户发表评论的通知邮件的。
      如果是Bark到iPhone通知中心,那可能不一定会弄了。

      2026-02-22 16:46 回复
      • Feng
        Feng3Microsoft Edge 145.0.0.0 Windows 11

        @William只是感觉邮件提醒总是有些迟缓,Bark通知要快一些,这个不弄问题也不大。

        2026-02-25 21:54 回复
        • William
          WilliamFirefox 148.0 Windows 10

          @Feng我个人觉得还行,正常邮件app也都是能实时提醒邮件的。 毕竟博客评论的时效相对社交聊天的时效还是差一些的。

          2026-02-26 23:16 回复
  2. 老罗
    43楼
    老罗3QQ浏览器 20.0.7091.400 Windows 10

    来看看更新的内容

    2026-01-31 20:37 回复
  3. 读经楼主
    42楼
    读经楼主2Google Chrome 130.0.0.0 Windows 11

    建议移动端文章阅读页能显示一下作者名

    2026-01-22 18:57 回复
    • William
      WilliamFirefox 147.0 Windows 10

      @读经楼主主要是你没有安装WP-PostViews这个插件,这样就可以展示阅读量,不至于像你目前一样看上去只展示了2个。
      如果不想安装插件,可以再主题设置中,全局设置-网站页头自定义 里面增加下面的代码,复制贴进去保存。

      <style type="text/css">
      .article-info .author{display:inline-block}
      </style>
      2026-01-23 16:26 回复
  4. maie
    41楼
    maie4Google Chrome 143.0.0.0 Windows 10

    试下威少的新主题,非常丝滑,细节地方也考虑比较周到。比如多种页面模板,无刷新评论,首页分类卡片式布局,文章页面浮动目录,文章特色图片和随机 图片,随机相关文章,多种小工具等。简单试用下还有两个小问题未解决,第1个是内置smtp通知未测试成功,第2 是浮动布局下时间轴存档页面图片被文字遮挡。祝新年事事顺遂,好人一生平安!

    2026-01-15 11:50 回复
    • 老何
      老何3Google Chrome 134.0.0.0 Windows 11

      @maie第一个问题需要设置加密方式为 TLS,端口设置为587

      2026-01-15 15:32 回复
    • William
      WilliamFirefox 147.0 Windows 10

      @maie感谢认可,smtp功能应该没有什么问题,好些人都在正常使用。大概率是没配置对。
      如果是一只停在:发送中... 那么就是启用评论邮件通知 没有启用并保存;
      SMTP 信息不完整,那就是信息没有填全;
      如果是 邮件发送失败,请检查 SMTP 配置是否正确。 那必定是没有配置正确。
      我用的126的,正常是端口465,加密方式SSL。
      还有一个点就是:不是用邮箱的账号密码,要去邮箱里面开启SMTP服务,并获取授权码。
      第2点,你说是手机移动端查看时间轴存档吗?那个缩略图就是作为背景图片展示的。所以图片我设计的很淡。

      2026-01-15 17:07 回复
      • maie
        maie4Microsoft Edge 114.0.1823.41 Windows 10

        @William邮件是我主机的问题,我用的php8.4有兼容问题,还有fsockopen设置

        2026-01-16 15:35 回复
  5. 读经楼主
    40楼
    读经楼主2Google Chrome 130.0.0.0 Windows 11

    博主,“扫一扫手机看”的功能能给这个主题开放吗?我经常给朋友们分享博客,但是网址不够便捷,希望下次更新把这个功能也开放给我们吧。感恩!

    2026-01-13 19:37 回复
  6. Mr.He
    39楼
    Mr.He3Google Chrome 134.0.0.0 Windows 11

    用上了用上了,非常感谢。
    另外有个小请求,显示浏览器和操作系统的功能能不能也加上,谢谢

    2026-01-09 11:17 回复
  7. 王瑞刚
    38楼
    王瑞刚1Google Chrome 140.0.0.0 Windows 10

    下载的wordpress官方程序,安装后,直接上传这个主题,然后就出现下面这个错误,这个该怎么解决呀?
    Parse error: syntax error, unexpected '=>' (T_DOUBLE_ARROW), expecting ')' in D:\phpstudy_pro\WWW\photo\wp-content\themes\weisaybox\includes\tags.php on line 50
    现在后台以及所有页面都打不开,都是这个提示,是应该提前安装什么插件吗?

    2026-01-07 03:20 回复
    • 王瑞刚
      王瑞刚1Google Chrome 140.0.0.0 Windows 10

      @王瑞刚AI工具告诉我这么修改,然后真的解决了。
      // 原始代码(需 PHP 5.3+):
      usort($tag_list, fn($a,$b)=>intval($b->count)-intval($a->count));

      // 修改为兼容旧版的写法:
      usort($tag_list, create_function('$a, $b', 'return intval($b->count) - intval($a->count);'));

      2026-01-07 03:35 回复
      • William
        WilliamFirefox 146.0 Windows 10

        @王瑞刚嗯嗯,应该用的是php7.4以下的版本。AI还是很方便的,很多问题都能自己解决~
        现在最新版的WordPress已经推荐 PHP 8.3+,可以使用8.0以上的php。

        2026-01-07 09:49 回复
  8. Li
    37楼
    Li:Safari 18.1.1 Mac OS X  10.15.7

    移动端侧边栏按钮好像点不开,威哥看看是不是出问题了。链接跳转显示 /#menu和#menu-right路径,但是菜单无法展开。

    2025-12-12 11:16 回复
    • William
      WilliamGoogle Chrome 142.0.0.0 Windows 11

      @Li我测试了一下,都是正常了。你没有留网址,不清楚具体情况。
      这个基本是js异常导致的, 可能和你使用了什么插件或者修改主题引起的。你可以暂时停用一些插件,看看有没有恢复正常。

      2025-12-12 14:28 回复

发表评论

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

Gravatar

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