我的网站用到了Twenty Seventeen主题,最近已经折腾到了自定义外观的程度了,前期修改了一下登录界面,但是前几天升级了WordPress到5.4之后,主题也进行了升级,我修改过的地方又全部恢复默认了。搜索了一下发现,为了避免升级后所有改动被覆盖,可以采用子主题的方式对主题进行自定义。

于是,我今天创建了一个Twenty Seventeen主题的子主题。

在网站目录:/wp-content/themes/下,新建一个名为twentyseventeen-child的文件夹。

在文件夹下创建style.css文件,初始内容如下:

1
2
3
4
5
6
7
/*
* Theme Name: Twenty Seventeen Child
* Description: Child theme for the Twenty Seventeen theme
* Author: Chengge
* Template: twentyseventeen
*/
@import url("../twentyseventeen/style.css");

@import就是插入父主题的样式文件,必须放在文件最前面,之后的定义就能覆盖父主题的样式了。而父主题升级也不会覆盖子主题文件,自定义的外观就能一直保留了。

保存文件后,在已安装的主题里面就会出现一个名为twentyseventeen-child的主题,启用后就跟父主题是一样的。调整好style.css文件的访问权限后,就能在WordPress内置的主题编辑器里修改了,非常方便。

同样的,在子主题中创建function.php,page.php,single,php等文件,也会直接覆盖父主题中的功能,可以随心所欲的修改、调试,而不用害怕造成不可恢复的错误。

而且,可以在子主题中创建自己的模板,比如可以创建全宽页面、文章模板,按自己的需要在写文章的时候选择不同的模板,而不用改动整站的格式。


本站由 @澄哥 使用 Stellar 主题创建。


本页点击量本站点击量次。
您是本站的第个小伙伴
蜀ICP备19037348号-2川公网安备51160202511796号
本站已稳定运行