前几天突然感觉博客主题的布局和配色很不和谐,于是下决心花几天时间折腾一下主题。

博主是一只纯菜鸟,自己写肯定是写不出来,不过由于WordPress生态良好,有许多现成的主题可以使用。经过一番挑选,决定采用Anima主题。之前通过插件的形式在原主题上做了一些个性化的设置,由于当时没考虑兼容性,切换主题后导致一些内容发生错乱。 既然要折腾,那就多折腾一下,因为计划在很长一段时间内不再切换主题,所以把之前插件实现的内容采用子主题的形式体现出来,同时也能避免主题升级带来的问题。

WordPress的子主题继承父主题的功能,并可以根据自己的需求进行修改。首先建立一个文件夹用于存放主题文件,该文件夹可以随意命名。然后创建style.css文件,这是唯一一个必须存在于子主题的文件,WordPress通过这个文件识别出该子主题继承于哪个主题。该文件的一个示例如下:

/*
 Theme Name:  anima kedixa
 Theme URI:   https://blog.kedixa.top
 Description: Child theme for anima by kedixa
 Author:      kedixa
 Author URI:  https://kedixa.top
 Template:    anima
 Version:     0.2
 */
@import url("../anima/style.css");

由/**/包含的文件头是必须的,其中Theme Name表示子主题的名称,Template表示父主题的目录名。WordPress并不会导入父主题的css文件,所以需要通过import的方式将父主题的css文件导入到此处。在导入之后,就可以根据自己的需要修改或添加内容了。

另一个常用的文件是functions.php,子主题中的functions.php不会覆盖父主题中的内容,你可以将自己需要的内容添加到子主题的文件中。

在博主折腾主题时,网站生成的xml格式的sitemap文件总是在首行多出一个换行,从而导致无法正确解析。最后发现是出于“好心”在functions.php的最后一行多加了个换行,被php解释成了网页的内容。经过查阅发现php建议不在文件的最后书写”?>”来表示结束,而是让解释器自己去处理。

其他文件的用途和格式就不多说了,因为我也不会~~ 如果今后没有切换过主题,那折腾完后就是现在这个样子,否则应该像下面这样

博客主题
博客主题

2 个评论

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注