一、什么是子主题

我们首先了解一下什么是子主题,wordpress的子主题顾名思义就是主题的孩子,通俗来讲子主题就是一个继承了主题所有功能的主题。

二、为什么需要创建子主题

很多朋友在制作网站的过程中,需要对网站或主题的一些功能进行自定义代码的修改。这些功能大多是网站、主题自身不具备的,并且很多网站主题会经常更新,每次更新的时候,一些文件可能会被替换掉,以前编辑的代码也会被替换掉。

有了子主题之后,当主题在更新后,并不影响子主题以前编辑的代码,并且依然可以继承主题的所有功能。

三、如何制作子主题

有时候有些主题并没有自带的子主题,这时候就需要我们自己进行制作,有两个必要的文件,一个是functions.php文件,一个是style.css文件。

我们以Avada主题为例,假如我要自己创建一个Avada子主题。

方法一:自己创建

1.创建文件夹、文件

在桌面创建一个文件夹就起名叫Avada-child,在这个文件夹中创建两个文本文档,将两个文本文档改名为 functions.php 和 style.css,注意后缀不会再带有.txt。

2.编辑style.css文件的内容

编辑这个文件有两种方式,一个是将这个文件打开方式选为记事本打开,另一种安装一个叫做sublime Text的软件打开编辑(可以在360软件管家中安装)。

例如我自己创建的子主题:

/*
Theme Name: Avada Child - Neijuli
Theme URI: https://neijuli.cn
Description: 这是一款基于 Avada 的子主题,由内聚力网络进行更改
Author: 张东星
Author URI: https://neijuli.cn
Template: Avada
Version: 1.0.0
Text Domain:  Avada
*/

你需要编辑冒号后的内容,改成自己的,注意不要和其他主题名称重了。

3.编辑functions.php文件内容

<?php

4.主题图片

由于这样做出来的子主题上传到网站的主题中没有图片,可能不是很美观,我们可以放一张子主题的图片,起名叫做screenshot.jpg,并将这个图片也放在Avada-child文件夹中。

5.压缩Avada-child文件夹

用360压缩软件,将Avada-child文件夹压缩成 .zip文件就算制作完成了,然后就可以上传到网站,并启用了。

注意:使用子主题时,不要删除了主题。

方法二:直接复制主题中的文件

从主题中复制functions.php,style.css,screenshot.jpg文件,将这些文件放在名称为Avada-child的文件夹中。

修改style.css的内容,将主题名称改为Avada Child,其他的资料也可以自行修改。

最后压缩这个文件夹为.zip文件,就可以上传到你的wordpress网站了,最后启用这个子主题,以后的代码就可以添加到这里了。

四、如何在子主题中添加额外代码

上传并启用子主题后,在网站后台的外观->主题文件编辑器

在要编辑的主题中选择你的子主题,找到.php文件就可以进行编辑了。

例如添加一段代码隐藏read more按钮《如何隐藏woocommerce中的阅读更多read more按钮

五、如何使用子主题对主题的特定位置代码编辑

有一次网站的主题有点小问题,在翻译后就会报错,但是我又不能乱动主题的代码,所以我将主题的那一个文件复制在了子主题中,并进行了小小的编辑。

主题目录 /wp-content/themes/Avada/includes/options 中的一个名为performance.php文件有点小问题,应该是他们没有编写翻译代码,在进行翻译其中的某句话时候会报错。

相应的在子主题对应的地方创建目录 /wp-content/themes/Avada-child/includes/options ,将这个文件复制粘贴进去,并编辑其中出错的代码内容。

这样就可以只编辑子目录这个文件中的代码就可以了,并且不会影响到主题。

以后遇到任何主题的问题都可以将出错部分文件放在子主题的相应目录位置。

如果对本文有疑问,可以在下方评论区留言,看到后我会在这里回复你。

关于作者:张东星

我是一位打工人 & 创业者,曾在某世界500强公司打工,现在正在创业,喜欢折腾wordpress,为外贸创业者提供wordpress的建站技术支持,我会为您解决wordpress、Avada以及服务器等的操作使用方面的相关问题。 工作时间:9:00~24:00

加微信咨询(为了方便大家添加微信,直接放在这里了):

发表评论

19 − 1 =

相关文章

目录