wordpress知识库
网站首页 > 知识库 > wordpress知识 >

wordpress手动制作子主题

2017/03/28

创建子主题并不是一个非常复杂的过程,可以在几分钟内手动完成。即使这是你的第一次,也不是一个很难的过程。

话虽如此,由于您将在网站上编辑文件,因此强烈建议您花点时间创建网站的备份。这将确保如果出现错误,您可以轻松还原更改。

步骤1:从cPanel打开主题目录

您需要做的第一件事是访问您的虚拟主机帐户并进入cPanel。如果您在获取登录凭据时需要帮助,请联系您的网络托管公司。在那里,找到“文件”部分,然后单击“文件管理器”选项。

文件管理器

这包含存储在Web服务器上的所有文件。我们需要找到主题目录来创建一个子主题。为此,首先,进入public_html目录并打开wp-content文件夹。

wp-内容

最后,找到主题文件夹并打开它。

themes文件夹

步骤2:为子主题创建新文件夹

主题文件夹包含所有主题及其关联文件。这就是我们要创建子主题的地方。要开始此过程,我们将需要一个专用文件夹。

要添加一个,请单击顶部工具栏中的“+文件夹”选项。

添加文件夹以在wordpress中创建子主题

这将打开一个小弹出窗口,您可以在其中输入子主题的文件夹名称。我会推荐一些类似于[YourThemeName]-child的东西,但选择权在你。输入名称,然后单击“创建新文件夹”按钮。

创建新文件夹

第3步:设置样式。CSS的文件

现在我们有了一个子主题的文件,请继续输入它。通常,您会看到wordpress主题的所有文件,例如functions.php文件,但由于我们刚刚创建了子主题,因此它是空白的,但我们即将更改它。

我们唯一需要添加的是样式。css文件。为此,请单击顶部工具栏上的“+文件”选项。

添加新文件以在wordpress中创建子主题

应该会出现一个熟悉的弹出窗口,要求您输入文件的名称。您必须将其命名为“style”。css“并仔细检查拼写。此名称必须相同,否则您的网站将无法识别它。单击“创建新文件”按钮。

创建新文件

好了,现在我们需要用必要的代码填充文件,此外,这是您添加自己的自定义代码以更改主题外观的机会。继续并输入我们刚刚创建的文件。

在文件中输入以下代码。在这种情况下,您需要输入自己的URL和主题信息。在这种情况下,我正在为波塞冬主题制作一个子主题。只需相应地命名您的名称即可。

/*
Theme Name:   Poseidon <a class="lar-automated-link" href="https://chajian.cc/glossary/child-theme/" style="text-decoration: underline;">Child Theme</a>
Theme URI:       Enter Your URL
Description:      A Poseidon <a class="lar-automated-link" href="https://chajian.cc/glossary/child-theme/" style="text-decoration: underline;">child theme</a>
Author:             GreenGeeks
Author URI:      Enter Your URL
Template:         poseidon
Version:            1.0.0
Text Domain:    poseidonchild
*/
 
@import url(".../poseidon/style.<a class="lar-automated-link" href="https://chajian.cc//glossary/css/" style="text-decoration: underline;">css</a>");

 

请特别注意最后一行代码。这将导入父主题的样式表。确保输入的路径对于您的网络托管环境是正确的,因为并非每个网站都相同。

输入代码后保存更改。

保存更改

注意:您还可以在此步骤中添加要添加的任何自定义CSS。只需将其添加到文件底部即可。或者,您可以等到激活主题后再查看所做的更改。

第4步:激活子主题

保存后,您的子主题已在wordpress中创建。现在你只需要花点时间,把它激活为wordpress中的主题,这与在wordpress中激活任何主题是一样的。

单击“外观”,然后选择“主题”选项。以下是您当前在wordpress中安装的每个主题的完整列表。激活您刚刚创建的子主题。

激活您在wordpress中创建的子主题

如果设置正确,则主题在调用其样式表时看起来与父主题相同。如果没有,请查看文件中的代码,并参阅该主题的文档以获取有关设置子主题的帮助。或者,查看下一个方法。

第5步:编辑子主题文件

因此,您可以通过cPanel访问子主题文件,并从那里向它们添加您自己的代码,但是在wordpress中有一种更简单的方法可以做到这一点。单击“外观”下的“主题文件编辑器”选项。

主题文件编辑器

默认情况下,wordpress将在您的子主题中显示我们之前创建的唯一文件。

只需在文件底部插入代码即可进行更改。您所做的更改将覆盖父主题的样式表。因此,您可以从wordpress本身自由自定义您的子主题。

请务必在进行任何更改后更新文件。

有了这个,您已经成功学会了如何在wordpress中手动创建子主题。如果它第一次不能正常工作,请仔细检查您的代码,因为很容易出错。

如果您正在寻找一种更简单的方法,那么使用wordpress插件的方法可能是比较方便的。