关于站长帮新网站WordPress主题的说明

作者:WenM

更新于:2023年10月22日 12:48

关于站长帮新网站WordPress主题的说明

站长帮新网站毫无疑问是采用开源的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 等,不论如何它们一般不会让你犯错 。

有哪些轻量化的主题值得推荐?

  1. GeneratePress Premium
  2. Hello Elementor
  3. Astra Pro
  4. Neve Pro
  5. Blocksy
  6. Kadence

暂时写到这,新网站上线后发现的一些小瑕疵我还需处理一下,后续将分享更多的WordPress教程与技巧给大家,特别是 WordPress 6.4 即将发布,而且带来一些高质量的功能更新。

最后希望大家能喜欢本网站主题的这种简约风。

© 版权声明

本文由站长帮(zhanzhangb.cn)发布,保留所有权利。

未经明确书面许可,不得转载、摘编本站内容。对于侵权行为,我们将保留追究法律责任的权利。