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了

上一篇 MySQL 数据库文件恢复方案
下一篇 flex布局下,div设置overflow无效问题
applek

applek管理员

个人说明在个人中心里面设置

本月创作热力图

最新评论
吴彦祖
吴彦祖
3月14日
很期待优秀的主题作品qiang
xxx
xxx
3月14日
密码是多少
西风
西风
3月7日
暂时不需要也能跑
Kevin
Kevin
3月6日
请教,小网站,1000ip不到,小主机,2c4g,到底 redis 还是 macached 合适啊
hfloke
hfloke
3月1日
新版本安装更新后,页面有问题哦