CorePress Pro S 架构设计

CorePress Pro S是CorePress Pro的重构版,采用了全新的架构设计,性能和易用性成倍提高。

CorePress的诞生,是因为本人在寻找WordPress主题中,没有一款满足我的需求,索性自己写一款出来。从第一个版本迭代到现在,已经2年时间了,WordPress该踩的坑已经踩的差不多了。而CorePress主题,也是在踩坑中,慢慢健全的。CorePress比起其他的主题,特点就是每行代码,都是我亲自写出来的(一些前端库除外),甚至是UI界面,也是我一行一行敲出来的。

同时,主题使用了当时比较前沿的技术,vue.js+element ui,同时在各种功能都具备的情况下,包括字体文件等,将主题体积控制到了2M,里面每行代码,我都知道是干什么用的,目前市面上功能完善,体积小巧的主题并不多。

而在踩坑的这两年里面,对于WordPress和PHP有了全新的认识,而现有主题,采用的面向过程的代码类型,已经不满足后续拓展需要了。尽管主题代码自认为比较优秀,但是距离想要的样子,差距较大,而最好的解决办法,就是推倒重来。

在新版本,我完全使用了面向对象的编程方式,功能模块全都封装了成类使用,并且使用单例模式来提高性能。同时,我自写了一套框架,在WordPress中,实现了autoload,来自动加载类。

将主题模块化,设计了主题自己的模板系统,只需要继承模板类,就能很轻松的实现新模板创建。也就意味着,Pro S,可以很方便的做成任何想要界面。

同样,除了模板,我还将页面的每个模块,都独立出来了。例如导航栏,幻灯片,文章列表,都是一个独立的模块。component文件夹中,每个子文件夹,都是一个模块,要什么,做什么。

使用也非常方便,能自动加载style样式以及JS,在模板界面中,一行代码即可调用。

这次主题,采用了最新的vue3和element plus,实现了后台设置功能。并且后台设置,通过解析JSON来实现可视化编辑,不用再像以前,添加一个设置,制作一个界面了。

这种解析方式,节省了非常多的代码冗余,并且方便添加更多的设置项目。

前端设计的时候,同样考虑了SEO的优化。由于vue是在用户端渲染,所以,会避免一些重要的内容使用vue渲染,例如文章标题、内容等信息,还是使用PHP输出。而在一些无关紧要的内容上,例如评论组件,侧边栏小工具,用户菜单,则使用vue渲染。实现了评论Ajax显示等友好功能。

最后,框架基本上搭建完了,剩下的就是一些繁琐的界面设计工作了。

相信要不了多少时间,Pro S就能和大家见面了。届时,Pro用户,支持免费升级到Pro S。

从1.4.0版本开始,主题已经融入Pro S了

THE END