如何更改子主题CSS中的父主题

时间：2015-10-07 作者：Eva

我对如何在子主题css中切换父主题感到困惑。现在我的网站protovest。com正在使用响应主题，但我想将其更改为名为tesseract的主题。这是我的代码：

/*
 Theme Name:   Responsive Child Proto-Vest 
 Description:  Responsive Theme Used to Style Protovest
 Author:       Eva Berrios
 Template:     responsive 
 Version:      1.0.0
*/

@import url("../responsive/style.css");

我很困惑，因为有人告诉我不要更改导入url，而其他开发人员说就是这样做的。有人能给我解释一下转换主题的过程吗？

如何准确地创建备份，以防切换时出错？

2 个回复

SO网友:matthew

我想你对此感到困惑。让我解释一下。

这个@import url("../responsive/style.css"); 正在告诉子主题导入响应主题样式。css。这一点很重要，因为没有它，子主题就不知道父主题是什么。所以@import url("../responsive/style.css"); 将子主题指向响应主题中的默认（主）文件（在大多数WordPress主题中，默认或更确切地说，主文件是style.css，其中包含定义主题的主题标题）。

因此基本上没有样式中的导入功能。子主题的css，子主题将被破坏，并且子主题和父主题之间没有链接。

那么，如何找到导入函数的路径（即。/responsive/style.css). 您可以通过输入FTP（FileZilla、cpanel或任何您想要的客户端）并转到public\\u html-wp content-themes部分来找到它。然后找到要为其创建子主题的主题的主题文件夹。在导入中输入文件夹名称，后跟样式。css（即。/thethemefoldername/style.css).

如果这听起来让人困惑，很抱歉。因此，基本上你需要弄清楚你要切换到的主题文件名是什么，并在导入功能中用responsive替换它。这将把这个子主题指向您想要的新主题。如果你改变了这一点，那么这就是你所需要做的一切。

您可以只使用子主题插件。我会推荐https://wordpress.org/plugins/child-theme-configurator/ 或https://wordpress.org/plugins/one-click-child-theme/ . 有了这些，你可以创建一个新的子主题，然后添加新的内容。

如何准确地创建备份，以防切换时出错？

您应该始终备份您的网站。有几种方法可以做到这一点。一个是插件。有很多插件，比如https://wordpress.org/plugins/updraftplus/ 或https://wordpress.org/plugins/backwpup/ . 这些插件可以创建定时备份添加您可以随时创建和恢复备份。唯一的问题是它们的功能有限。

你可以选择VaultPress(https://vaultpress.com/) 或BackupBuddy(https://ithemes.com/purchase/backupbuddy/). 这些插件更易于使用和安全，尽管它们价格昂贵，因为它们是一个高级插件。

托管仪表板中的备份。大多数托管公司都可以这样做。它们允许您备份您的网站，尽管几乎没有设置或其他功能。

如果您仍然感到困惑，我建议您通读其中一些资源。https://codex.wordpress.org/Child_Themes https://codex.wordpress.org/WordPress_Backups https://codex.wordpress.org/Backing_Up_Your_Database http://www.wpbeginner.com/wp-themes/how-to-create-a-wordpress-child-theme-video/

SO网友:Landing on Jupiter

要切换父主题，您需要采取几个步骤。

Create a Backup of the Original Child Theme

如果您有FTP访问权限，请登录[root]\\wp-content\\themes\\ 并将子主题文件夹下载到您的计算机。

复制并重命名整个子主题文件夹。这将是您的新儿童主题。

如果您没有FTP访问权限，最好从头开始。然后使用主题上传器，在网站建成后将其添加到您的网站中。

Edit the CSS File in Your New Child Theme

至少，您应该更改“主题名称”、“模板”和@import 线以下是建议的编辑：

/*
 Theme Name:   Tesseract Child Proto-Vest 
 Description:  Child Theme Used to Style Proto-Vest
 Author:       Eva Berrios
 Template:     Tesseract
 Version:      1.0.0
*/

@import url("../PARENT_THEME_FOLDER_NAME/style.css");

将“PARENT\\u THEME\\u FOLDER\\u NAME”替换为Tesseract主题的实际文件夹名称。

注意：模板行区分大小写。

您可能还会发现这个答案很有帮助：How to create child theme with Tesseract theme?.

Advanced: Review Functions.php in Your New Child Theme

如果您知道如何用PHP编写代码以及如何使用WordPress挂钩和过滤器，那么您应该查看子主题中的任何自定义函数。这不是必需的，但如果某些定制没有延续到新主题，它将帮助您解决问题。

如果你不懂PHP，最好不要去管那个文件。任何专门提到响应主题的功能都将停止工作，但不应破坏您的网站。

Upload Your New Child Theme and Activate

如果使用FTP，请将新主题文件夹上载到[root]\\wp-content\\themes\\.

否则，您将需要使用内置的主题上传器。这里有一个good tutorial.

通过转到外观-->主题并选择新主题来激活子主题。

小码农CODE

如何更改子主题CSS中的父主题

相关推荐

在带有PHP的子主题中包含style.css