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管理员

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

本月创作热力图

最新评论
Mr.C
Mr.C
4月12日
个人建议,下个版本考虑将下载地址加密(防止采集)
Felix
Felix
4月1日
你好我想请教一下,为什么我php和redis都安装了,还是连接不上,一直显示未安装,旧插件文件也清理了
Mike
Mike
4月1日
当前页跳转一个页面,然后回退上一页,顶部进度条会缓慢加载,并且加载不完
评论于留言建议
Mike
Mike
4月1日
文章页划到最底部,侧边栏中切换作者发言会溢出
评论于留言建议
陇安辞
陇安辞
3月31日
guzhang
评论于关于本站