WordPress 经典主题与块主题的异同比较

江河/ 2023年04月11日/ WordPress/ 浏览 2013

WordPress 都已经自带块主题有好几个版本了,是时候学习一下块主题了……



块主题有什么优势?


WordPress 官方总结如下:


1. 提高了加载性能。因为块主题是根据“块”按需加载。


2. 块主题不需要手动将前端和编辑器的样式表排入队列。


3. 使用配置文件 Theme.json 替代 add_theme_support 函数。


4. 自动生成页面锚点、键盘导航、landmarks等辅助功能。


5. 可以全站编辑,而无需修改代码。


6. 利用 Styles interface,自定义站点配色风格及排版等。



对于开发者而言,对比经典主题和块主题大部分内容都没有变,学习块主题开发应该也是比较快的。


经典主题和块主题的异同比较如下:


一、主力文件类型不同,经典主题使用PHP文件,块主题使用html文件。


二、块主题和经典主题使用同样的文件层级图,只是php改成html了。参考文章《WordPress主题模板文件层级树简介》


三、经典主题使用 Template tags (比如 the_title\the_content等)展示文章,块主题使用“块”-文章内容块等同于the_content()。


四、经典主题使用 is_admin/is_single/is_page的判断函数来决定页面内容,块主题使用块配置。


五、经典主题中的侧边栏、小工具,在块主题中统一转变为“块”。


六、经典主题使用“主循环”,块主题使用查询块。


七、经典主题使用 Customizer,块主题使用 Site Editor。


八、经典主题注册导航菜单,块主题使用导航块。


九、经典主题使用 Custom Header,块主题使用块。


十、经典主题使用 Custom Logo,块主题使用“Logo 块”。


十一、经典主题需要代码管理css/js的依赖关系,块主题使用配置文件 theme.json管理。


十二、经典主题模板文件在主题的根目录,块主题的模板文件在主题的 templates 子目录。


十三、块主题把模板的模块文件统一放在主题的 parts 子目录,经典主题可随机放置--不同人不同习惯


十四、块主题可以再 Site Editor 中直接编辑404、Archive等页面。


总之,块主题性能更好、更规范、个性化更方便……(WordPress官方就是这个意思)


发表评论

暂无评论,抢个沙发...

客服 工单