修改CSS后的子主题

时间:2019-01-17 作者:Ani Kanakaki

嗨,我用爱丁主题建立了一个wordpress网站。我在CSS编辑器中修改了CSS的很大一部分,而不知道子主题是什么。我现在该怎么办?创建子主题并删除父主题的其他CSS?有什么想法吗?

非常感谢!!

2 个回复
SO网友:rsigg

Jacob Peattie 如上所述,您已经以一种不会影响主题的方式进行了自定义CSS更改。更详细地说,这是唯一一个可以通过主题更新或更改来进行更改的地方。删除所有其他自定义项。因此,如果您发现要进行进一步的更改,可以创建一个子主题。为此,您需要访问服务器/文件系统。

首先在中创建新文件夹/目录wp-content/themes/

您需要将两个文件添加到此目录:style.cssfunctions.phpstyle.css 文件添加以下信息:

/*
 Theme Name:   Edin Child
 Template:     edin
*/
这是本文件中唯一需要的两件事。注意,我假设“模板”是“edin”;确保这实际上是父主题目录名。More info.

接下来是functions.php 文件,这是一个稍微涉及。这里告诉您的子主题从其父主题导入信息,以及导入自己的样式信息。

<?php
add_action( \'wp_enqueue_scripts\', \'my_theme_enqueue_styles\' );
function my_theme_enqueue_styles() {

    wp_enqueue_style( \'parent-style\', get_template_directory_uri() . \'/style.css\' ); // get_template_directory_uri() returns the URI of the current parent theme, set in "Template" in your style.css
    wp_enqueue_style( \'child-style\',
        get_stylesheet_directory_uri() . \'/style.css\',
        array( $parent_style ),
        wp_get_theme()->get(\'Version\')
    ); // get_stylesheet_directory_uri() returns the child theme URI
}
?>
然后,您必须将您的子主题目录压缩并通过WP admin上传(或通过ftp上传到/wp-content/, 无需压缩),最后激活子主题。More info.

您可以从WordPress theme development docs.

SO网友:Nour Edin Al-Habal

如果更改了原始主题文件,请创建子主题并将更改移动到新样式。子级的css。如果您不记得所做的更改,只需复制修改后的样式即可。从父到子css并重新安装父主题。

如果您只是在定制器中添加了CSS,那么您不必做任何事情,因为即使主题是更新的,更改也会保持不变。