1作者: drewrbaker26 天前原帖
这个框架的灵感来源于我的兄弟,他是一位出色的平面设计师,想要仅通过FTP代码编辑器构建WordPress主题。他非常熟悉HTML和CSS,以及一些jQuery,但对现代JavaScript不太了解。在我的经验中,这种情况在那些与前端网页开发相关的职业中很常见……设计师、文案撰写人、项目经理和后端工程师。 因此,这个框架是为那些不想处理现代构建工具混乱的人设计的。它试图引导人们朝着更现代的方向发展:基于组件的架构、JS模块、SCSS和模板路由。WP-Easy让像我兄弟这样的人能够构建专业、现代的主题,而无需面对通常的障碍,只需使用你喜欢的编辑器编写代码,并即时查看结果。 主要特点: 1. 基于文件的路由 - 在router.php中使用类似Express的语法定义路由(/work/:slug) 2. 单文件组件 - 将&lt;template&gt;、&lt;style&gt;和&lt;script&gt;块放在一个PHP模板文件中 3. 自动加载 - /styles/和/scripts/中的所有文件会自动加载(无需手动排队) 4. 可重用组件,使用use_component()和clean数据助手,如use_children()或use_posts() 5. 现代工作流程 - 支持SCSS,包含jQuery,提供SVG助手,并内置WordPress最佳实践 6. SCSS支持 - 变量、混合宏和媒体查询助手(@media #{$lt-phone}) 7. 智能字体加载 - WebFont加载器,带有fonts-loaded事件和FOUT预防 8. SVG支持 - 易于包含和自定义SVG,使用use_svg('logo')。 我这里有一个基本主题的示例:<a href="https://github.com/drewbaker/wp-easy-theme" rel="nofollow">https://github.com/drewbaker/wp-easy-theme</a> 感谢Chengmin(<a href="https://github.com/rsm0128" rel="nofollow">https://github.com/rsm0128</a>)提供了很多PHP方面的帮助。 最大的创新是你现在可以做到这一点!<a href="https://github.com/drewbaker/wp-easy?tab=readme-ov-file#single-file-components-sfcs" rel="nofollow">https://github.com/drewbaker/wp-easy?tab=readme-ov-file#single-file-components-sfcs</a>