跳至正文

建站教程(5)——在现有主题基础上魔改

2020.12.29更新

真是令人怀念,去年的网站还是有看板娘坐镇的

后来不知道为啥我就把它给卸了

关于主题的话国内的主题质量高的也有

但说实话免费又质量高的很难找

国外也差不多,大多数都是几十美刀

学生党着实有点负担不起

如果你真的感兴趣的话建议自己动手做

我毕竟不是科班出身也不是很想在这上面花太多功夫

所以系统性的学习能让你自己的主题用起来更加得心应手


在看完上一期文末的链接,相信你对网页的构成大概有所了解了,在这一节我会向大家推荐两个易于修改的主题和不满意时的修改方法。

1.GeneratePress

事实上并没有展示效果,展示效果是要氪金的,大概是49.99刀来着,挺贵的但可以永久使用。这里我们用到的免费部分可拓展性就很大了,如果需要更棒的功能,要么花钱,要么好好学习自己魔改吧。这里我推荐它原因就是可塑性强,在自定义模块可以很方便的修改字体大小而不用像其他主题一样需要改动源码。

2.Neve

别想了,大部分好看的主题解锁全部功能都要氪金的。。人家也得吃饭啊。。这个主题的免费部分是我目前为止见过的最强大的,多项拓展设置部分基本都能满足需求,不用改啥代码,并且自带了中文字体包,真的是天地良心。可能是因为这个主题是多人合作项目,所以有许多免费插件可以拓展,我暂时还没研究过,应该有什么潜藏的黑科技我还没有发现,英语好的同学可以多研究研究。不过外国主题总有点水土不服,装上它后有时莫名其妙就会500报错,css样式表还有个我觉得不是错误的地方报错了。。有点神奇,总之使用过程中多研究多备份吧。

主题商店里还有很多主题我也没尝试过,如果你对这两个主题不是特别满意可以多去逛一逛,下面简单的介绍修改对应位置源码的方法,俗称万金油的——审查元素(每个浏览器叫法都不一样来着)。网上大部分人都建议使用火狐浏览器,由于对谷歌的依赖所以演示部分我决定还是用谷歌,道理是一样的,看懂了你就会操作了。这边以我的网站举例,打开浏览器进入网页,右键,选择检查。

右边会弹出html格式的源码,现在选中你想要修改的部分,然后再次右键检查。

现在已经自动定位到这个标题的代码了,这边用的是widget-title定义了固定大小只能修改内容。我们可以做个小小的改动变成可改大小的标题,只需要改成 <h1>想找啥内容呢?<h1> ,你就会发现对应的标题大小改变了。(其实就是换成一般的标题。。widget貌似是ui的动态标题,可能有啥绑定部分我也不太清楚,建议实际操作不要修改。)

修改后的样子就是这样。

注意下方的格式代码发生了变化,通过点进index:41可以直接传送到代码在index.php的修改位置,如果你觉得这个修改可以,那么直接打开index.php文件把对应部分替换覆盖就行了。同理,涉及到style.css的部分也是一样,直接在原文件上修改成你想要的样子就行了。

同理类推可以运用到其他部分的修改,例如行间距等方面的修改,当不确定这一段代码对应的是啥的时候你可以把他隐藏起来找出位置。

这里推荐一个网站,https://validator.w3.org/,进入后只有输入自己的网址便会对代码进行debug的修改,方便学习。

还有谷歌开发者工具的不完全使用指南:https://www.cnblogs.com/constantince/p/4565261.html,模块是一样的,可以举一反三。

这部分我介绍的其实不是很清楚,前端的代码有的东西还很复杂,我也在学习,这里只是大致介绍了方法,如果有错误的欢迎联系我

《建站教程(5)——在现有主题基础上魔改》有1个想法

  1. Pingback: 建站教程(4)——备案期间如何建站 – 海星peter的海滩

发表评论

您的电子邮箱地址不会被公开。