继承父级的样式,但我的自定义css无效

时间:2017-02-07 17:47:03

标签: wordpress

我的主题正确地从父级继承样式,但我的自定义css无效。

我在我的wp-content / themes文件夹中创建了一个名为`twentyten-child。

的新文件夹

我创建了一个名为functions.php的文件,其中包含:

<?php
/**
 * Loads the parent stylesheet.
 */
function load_parent_stylesheet() {
  wp_enqueue_style( 'parent-styles', get_template_directory_uri() . '/style.css' );
}
add_action( 'wp_enqueue_scripts', 'load_parent_stylesheet' );
?>

我还创建了一个名为style.css的文件,其中包含:

/*
Theme Name: Twentyten Child
Theme URI: https://p4002720.scm.tees.ac.uk/thetreasurechestWP/
Description: This is a aged, weathered, worn and nostalgic style theme
Author: Michael Barley
Author URI: https://www.facebook.com/profile.php?id=100008253000376
Template: twentyten
Version: 0.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/
body {
    background: green;
}

1 个答案:

答案 0 :(得分:0)

您只包含父CSS依赖项,您还必须包含子主题CSS,如Codex https://codex.wordpress.org/Child_Themes

中所述
<?php
function my_theme_enqueue_styles() {

   $parent_style = 'parent-style'; // This is 'twentyfifteen-style' for the Twenty Fifteen theme.

   wp_enqueue_style( $parent_style, get_template_directory_uri() . '/style.css' );
   wp_enqueue_style( 'child-style',
      get_stylesheet_directory_uri() . '/style.css',
      array( $parent_style ),
      wp_get_theme()->get('Version')
   );
}
add_action( 'wp_enqueue_scripts', 'my_theme_enqueue_styles' );
?>