正文索引 [隐藏]

WordPress是目前应用最为广泛的建站框架。身为一个喜欢搞事的开(ben)发(ke)者(sheng),用别人的主题总是没有自己开发一款主题来的爽。虽然我算是一个web开发纯种小白,但是还是想尝试一下,在学习中进步。

以下会根据开发进程以日为单位记录。

项目托管于腾讯云,使用宝塔面板对后台主题文件进行编辑。

主题开发网址:Theme-LT

2020-4-13更新:LT主题已正式发布开源,本文封贴。详见:WordPress响应式主题:LT


2020-3-5

对多款主题进行开源学习,了解了一款wp主题的基本框架与结构,尝试模仿了多种php功能代码,阅读了不少文献来提升自己对相关知识的了解与掌握。

2020-3-6

正式开始对LT主题的开发。完成了页面的分块与基础功能的制作,暂未添加functions。这个阶段遇到的问题是CSS相关语法并不熟练,以往只是知其然,而不知其所以然,在正式实战的时候就遇见了很难解决的语法问题。

2020-3-7

尝试进一步完善主题框架,完成了对设置面板的集成。在调试面板传参中遇到了很多该死的问题,正在寻找解决办法。这个阶段问题主要在css样式往往无法正确加载,使网页处于一个及其丑陋的状态。

这个阶段完成了大致框架的搭建

2020-3-8

基本解决了css无法加载的问题,事实上大多数时候css样式不显示都是样式表引用上出了问题,要不就是浏览器缓存了css文件,导致它没有实时更新,这时候可以用ctrl+f5强制刷新。我初步采用知名的option framework作为主题的后台管理面板。这个阶段的主要问题是OF收集到的数据无法正常的输出来,可能是它太年迈的原因,现在也正在寻找一款更符合当下的集成面板。

完成了页面每个模块的分区,可以进入到css样式的设计了

下一步可能会先在ps上绘出lt主题的概念图,方便后续设计css样式。也会再去研究一些js的东西,现在的侧边栏真是太丑太呆板了。

2020-3-11

删掉了大多数样式,准备从头开始仔细设计。因为始终无法正确调取用户数据,所以放弃了option framework,改用option tree作为后台管理面板,但在集成它的过程中又出现了一些问题,真是太折寿了。蓝桥杯的日子一步步逼近,后续可能会放缓开发进度。

感觉自己还是太浮躁了。对着ps画了俩小时也没画出草图来,只能走一步看一步了,权当消遣吧。

2020-3-13

完成了侧边栏的代码,并调整了主页面分布。尽管它现在依然非常的丑,但已经能看到大体框架了。

2020-3-16

重新编写了侧边栏,它现在看起来棒极了。尝试设计友链界面,但是在引入头像的时候出现了困难,希望学习其他dalao的写法可以帮助我解决这个问题。接下来的目标是整理源码彻底地清晰地划分各个区块并开始设计整个主题的美术风格,然后在优化一些细节。

侧边栏展开状态
侧边栏隐藏状态,做了hover属性美化

2020-3-23

这段时间真是该死地忙啊。意识到万丈高楼平地起的困难性,我重装了LT主题的云服务器,打算推翻重来,后续会基于前人搭建好的主题框架进行开(xiu)发(gai),同时我已经想好了LT主题的全称:Low-key Theme,听上去有些蠢,应该会再改吧。

2020-3-24

终于完成了重制,总算是解决了集成面板的问题,去嫖了一个大佬的后台代码。新版的LT主题基于原主题之家king主题的已有框架,因为原作者的博客现在变成了二手苹果交易网站,所以这里给出他两年前在主题之家上传的主题页面,感谢king主题给我带来的启发。

还是打算分块设计样式,模块化嘛。得益于king的框架,顺便也完成了主题的响应化。

2020-3-26

重新设计了css样式,它现在看上去真是棒极了。以现在的完成度其实可以开始迭代版本号了,但是友链归档什么的都还没写所以不着急。

2020-3-27

仔细的学习了其他大佬的主题,发现这个完成度还差得远…给置顶文章加了提示,集成了代码高亮。接下来回去学习一些canvas的动画美化并研究一下wp的函数,打算给置顶文章做单独的样式。

置顶提示
粗糙的代码高亮

2020-3-30

给主题装了个烂大街的canvas动画背景,后面应该会改,等我研究研究。用矢量图标替换了原来主页上的emoji,它现在看起来高级了不少。

动画与图标一览

2020-4-1

再次更改了页面布局,加上了顶部菜单栏,但还没有在主题设置面板做相应的表单设计,后面会完善。友链页面与评论区样式重设好后可能就考虑发布了。

2020-4-3

给页面加上了GitHub Corner,毕竟gayhub是码农的好伙计。美化了滚动条样式,让它更符合我LT主题的极(xing)简(leng)风(dan)。

那一坨黑的就是滚动条

优化了后台控制面板,完善了它的功能,使主题的自由度更高也让主题看上去更正规。友链页面完成了拉取操作,只差样式的设计就可以实用了。

在完善友链模板后应该就会发布并开源,真是感慨啊,没想到疫情会带来如此高的生产力。

2020-4-6

今天是LT主题启动一月整诶,它的进度比我想象中快很多。但是半个月内可能都无法发布,因为最恼火的评论区还没有完成设计与重制,友链界面也没完成样式设计,但能有这个进度我已经很满足了。

2020-4-7

重置了评论区模块,画风上与主题保持了一致。我还为博主做了特别标记以防止高仿,集成表情或者更换默认头像可能会在正式发布后以后续版本迭代的形式进行添加。

包含hover样式美化的魔改评论区

2020-4-12

完成了友链界面,到此为止LT的完成度已经及格了,可能会考虑开源发布。

还为头像做了hover美化,悬停会旋转

2020-4-13

今天正式完成发布,历时39天。真是感慨良多啊。往后可能会陆陆续续更新一些小功能,但不会去动整个的结构了,可能精修了Vue.js后会做代码重构,但不是最近的工作了。版本更新的信息会放在LT主题独立的文章中 ,本文到此也就封贴了。

以下给出主题发布地点: