我的网站用到了Twenty Seventeen主题,最近已经折腾到了自定义外观的程度了,前期修改了一下登录界面,但是前几天升级了WordPress到5.4之后,主题也进行了升级,我修改过的地方又全部恢复默认了。搜索了一下发现,为了避免升级后所有改动被覆盖,可以采用子主题的方式对主题进行自定义。
于是,我今天创建了一个Twenty Seventeen主题的子主题。
在网站目录:/wp-content/themes/
下,新建一个名为twentyseventeen-child的文件夹。
在文件夹下创建style.css文件,初始内容如下:
1 | /* |
@import
就是插入父主题的样式文件,必须放在文件最前面,之后的定义就能覆盖父主题的样式了。而父主题升级也不会覆盖子主题文件,自定义的外观就能一直保留了。
保存文件后,在已安装的主题里面就会出现一个名为twentyseventeen-child
的主题,启用后就跟父主题是一样的。调整好style.css文件的访问权限后,就能在WordPress内置的主题编辑器里修改了,非常方便。
同样的,在子主题中创建function.php,page.php,single,php等文件,也会直接覆盖父主题中的功能,可以随心所欲的修改、调试,而不用害怕造成不可恢复的错误。
而且,可以在子主题中创建自己的模板,比如可以创建全宽页面、文章模板,按自己的需要在写文章的时候选择不同的模板,而不用改动整站的格式。