it-swarm.com.ru

Дочерняя тема не загружает родительский CSS

Я использую тему MyStile для нового сайта. Я пытаюсь создать дочернюю тему, чтобы я мог изменить тему, чтобы мои изменения не были перезаписаны, однако, как только я активирую свою дочернюю тему, кажется, что весь стиль полностью исчезает с веб-сайта.
Я предполагаю, что проблема здесь лежит где-то, когда он вызывает родительский файл style.css .

Вот что у меня есть в теме моей детской темы style.css .

   /*
 Theme Name:   Blurred Edge Apparel
 Theme URI:    http://www.blurrededgeapparel.com
 Description:  MyStile Child Theme
 Author:       Blurred Edge Apparel
 Author URI:   http://www.blurrededgeapparel.com
 Template:     mystile
 Version:      1.0.0
*/


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

Я также скопировал через header.php и footer.php из каталога родительской темы, но все равно не радуюсь.
Я что-то здесь упускаю?

1
Toby Cannon

Посмотрите на Как создать дочернюю тему и вы увидите, что:

предыдущий метод ставить в очередь родительскую таблицу стилей заключался в импорте таблицы стилей родительской темы с использованием @import: это больше не лучшая практика. Правильный метод постановки в очередь таблицы стилей родительской темы - добавить действие wp_enqueue_scripts и использовать wp_enqueue_style () в functions.php вашей дочерней темы.

Вот приведенный пример:

add_action( 'wp_enqueue_scripts', 'theme_enqueue_styles' );
function theme_enqueue_styles() {
    wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css' );
}
4
d79

Таинственная тема - это трехлетняя тема, которую нельзя просто использовать в качестве родительского стиля, поскольку дочерний стиль зафиксирован в header.php в плохом месте.

более быстрый способ исправить это - поместить эти файлы в каталог child-theme:

  • file style.css :

,.

/*
Template: mystile
*/
  • file child-style.css : все правила CSS, которые вы хотите применить
  • file functions.php :

,.

<?php
add_action( 'wp_enqueue_scripts', 'theme_enqueue_styles' );
function theme_enqueue_styles() {
    wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css' );

    wp_enqueue_style( 'child-style'
        , get_stylesheet_directory_uri() . '/child-style.css'
        , array('parent-style') // declare the dependency
                                // in order to load child-style after parent-style
    );
}
0
mmm