站长帮新网站毫无疑问是采用开源的WordPress系统搭建。经过几天的内测终于上线与大家见面了,现将我们自主开发的主题向大家介绍一下。
上线第一天,即受到很多长期关注站长帮的朋友关注,这让我们非常感动。一些朋友希望了解这个主题的开发详情,不藏私是我们的一贯态度。
空白主题
记得在年初我就发表过《完整的全站编辑已成熟,落后的 WordPress 主题会被淘汰》一文,当时的块编辑器还没有现在完善。
目前的WP 6.3版与即将发布的6.4版都对编辑器改善颇多。
所以现在的我的结论是很多臃肿的主题可以抛弃了,甚至可以不需要主题。本站目前所使用的就是一个空白主题。除了WordPress主题所必须的style.css文件之外,就只有一个theme.json文件。
style.css文件内容如下:
/*
Theme Name: Zhanzhangb Theme
Description: 站长帮网站自主定制主题。
Author: 站长帮
Text Domain: Zhanzhangb
Author URI:https://www.zhanzhangb.cn/
Version:0.1
Requires at least: 6.4
Tested up to: 6.4
Requires PHP: 7.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/
传统的主题会在style.css文件中添加全局样式代码,但现在完全可以用Theme.json替代,使用Theme.json可以很方便的做到:
- 启用或禁用首字下沉、填充、边距和自定义行高等功能
- 添加多个调色板、渐变和双色调
- 添加字体大小
- 添加内容和宽内容的默认宽度
- 添加自定义 CSS 属性
- 将模板部件分配到模板部件区域
这样一来,前端所有页面都不用调用/wp-content/themes/theme/style.css文件(前端网页速度约提升50ms),还可以彻底摆脱烦人的Lighthouse中”移除 unused CSS”警告。

空白主题如何处理额外功能
首先 WordPress 提供的块编辑器可以轻松实现各类动态查询模块。例如:文章列表、动态查询等,再通过核心程序中的各类函数与钩子就能满足绝大部分网站的需求。
只是自己处理这些代码需要一定的技术门槛,为了方便编辑和代码片段插入我选择 WPCode Pro 插件来辅助完成这一切。
对于PHP不是非常熟练的开发者,我不建议模仿这种做法。因为任何一处代码编写错误,都有可能带来重大Bug或网站崩溃。
初级开发者最佳的选择是选择一款非常简单轻量的主题,然后通过各类功能插件处理需要的功能。
如页面美化或一些交互式设计,可以选用一两款页面编辑器,例如 Elementor Pro 、Brizy Pro 、Beaver Builder 等。
也可以增强古腾堡编辑器设计能力的辅助插件,如:GenerateBlocks Pro、Stackable Premium 等。
在SEO方面我还是推荐使用著名一些的插件 Yoast SEO Premium 或 Rank Math SEO PRO 等,不论如何它们一般不会让你犯错 。
有哪些轻量化的主题值得推荐?
暂时写到这,新网站上线后发现的一些小瑕疵我还需处理一下,后续将分享更多的WordPress教程与技巧给大家,特别是 WordPress 6.4 即将发布,而且带来一些高质量的功能更新。
最后希望大家能喜欢本网站主题的这种简约风。