前言

在使用WordPress建站后第一件事不是产出内容,而是忙忙碌碌的寻找一个好看的主题(好看才是第一生产力嘛!)。中间轮换尝试过很多主题,有官方的,但觉得自定义程度太低;有网上第三方网站自己找的,但这种多半不是设计不够完善,不然就是架构早已经年久失修,许多功能已经不能实现了。

兜兜转转,在汪洋大海中盲目地找了快一个月的情况下,有幸发现了白猫大神整合的Sakura主题。虽然也已经近3年没有更新,但是很多功能几乎完美匹配我的需求,且基本功能基本都还是能够使用的,尤其是主题内建主页、播放器、Pjax能力等等。遂,用。

中途使用Sakura主题的这段时间里,也慢慢发现了许多需要微调优化的地方,或者说受到各路大神的启发想要实现的东西,包括但不限于封面的云朵动效,菜单栏调整,文字logo,背景动效。这里很感谢Kinoko大神的无私分享,在那段盲头摸索的日子里,大神网站上的教程是我成功的基础。

但是由于前面提到的原因,Sakura主题也已经快3年没有更新了,很多功能初看之下满足需求,但是往往实现的却不尽人意,有些是因为功能本身的问题,有些也是不能满足个人自定义的个性化需求的关系。每天几乎都在网上冲浪寻找着脑子里那灵光一闪的新需求的实现方法,经常是这个修好了,那个又不知道怎么坏了,有的时候加一个功能能少两个功能。长期这么缝缝补补的用下去很显然并不现实,正好在这个时候,机缘巧合下,看到有位大佬说从Sakura换到了Sakurairo主题,而且给出了好评。于是进一步了解了下这个新的主题,这一下子不看不知道,一看简直完美了。首先主题完整的保留了之前Sakura主题的所有主体能力且进行了更新,保证了可用性,其次自定义功能更加多样了,几乎我所能想到的地方它都能直观明了的直接进行参数调整,而不需要去代码里翻找、修改、测试。毫无落差的,我用一天就切换到了Sakurairo主题,然后,故事不出意外的,果然实际上手使用之后,就算是这样的自定义程度还是有些想法不可能完全和主题开发组一样,那就得再拾起我之前的缝缝补补的技能了。码,启动!

启动!

由于有了之前的经验,对于主题文件的优化并不是像个无头苍蝇一样的盲目开干,而是有个大致的优化思路,我称之为“定位-修改-测试-调优”过程,接下来我将按照这个路径仔细描述我的优化过程。

定位

众所周知,网页里的每个模块都是以元素形式仅由浏览器渲染的,得益于现代浏览器的开发者模式,我们可以快速的定位我们需要修改的元素。

首先是 F12 打开浏览器的 开发人员工具 ,选择 元素

在这里我们可以看到页面本身的HTML超文本组成,并且将鼠标放到相应的行上,浏览器会自动高亮所选的元素。这样通过一级级的深入,我们就可以精确找到我们所需要修改的元素了。

修改

在定位到元素之后,还需要进一步定位到该元素所关联的参数文件,这一点可以在元素附栏的 样式标签右上角看到它所对应的文件以及行数。

可以通过服务器的文件管理去编辑,也可以通过网站后台管理直接编辑主题文件

具体修改内容只能不断的尝试修改和网上去搜索,这一点没有定论,只能靠自己摸索。

记得随时备份哦!

测试

在修改代码后,可以通过刷新页面来测试实现的效果,如果遇到报错不要慌,恢复之前的备份,网站就会完好如初(如果实在没有就重启服务器,肯定会好起来的!)。

这里唯一需要注意的是,修改PHP文件后,一般直接刷新就可以看到修改后的效果。

但是针对CSS文件,尤其是style.css这个文件,由于采用了Ajax局部刷新技术,这部分文件是保存在浏览器本地缓存里的,需要进到浏览器设置中清除相应的本地缓存,再刷新才能看到相应的变化。

调优

所谓调优,无非就是在修改测试效果后不断进行微调并重复以上步骤的过程,这是一个持久且冗长的过程,且看各位的强迫症有多严重了(逃

届ける言葉を今は育ててる
最后更新于 2024-07-08