Как изменить layout.css в дочерней теме

Question

Я работаю внутри дочерней темы. Мой файл style.css в дочерней теме отлично работает, но мой файл layout.css не работает в дочерней теме.

структура каталогов для layout.css в родительской теме является mytheme/css/layout.css

Я сохранил ту же структуру каталогов в детской теме, которая mychildtheme/css/layout.css

Но когда я пишу код ребенка layout.css, он не работает ,

Браузер выбирает код из родительской темы (layout.css)

любезно дайте мне знать, что я должен сделать так, чтобы мой layout.css в детстве тема будет работать должным образом.

Answer 1

Таблица стилей отличается от обычного php-файла темы. С таким файлом php достаточно создать файл с тем же именем в вашей теме, и WP будет знать, как его использовать. С помощью css, однако, недостаточно создать файл с тем же именем. Вы должны явно включить его в нужные вам страницы.

Лучший способ сделать это с помощью функции wp_enqueue_style в файле function.php вашей дочерней темы. Вот как это сделать, учитывая структуру каталогов, которую вы описали:

<?php wp_enqueue_style('child-theme-layout', get_stylesheet_directory_uri().'/css/layout.css'); ?> 

Answer 2

Вам нужно включить файл layout.css в свою дочернюю тему. Для получения более подробной информации, Вы можете посмотреть здесь:

http://codex.wordpress.org/Function_Reference/wp_enqueue_style

Answer 3

Лучшее решение, чтобы убедиться, что style.css вашего ребенка ТЕМЫ загружается после макета parent.css родительской темы. Затем вы можете легко переопределить мелкие вещи, которые вам нужны обычным способом через style.css

Вот код, который работает для продуктов WooThemes, который гарантирует, что ваша дочерняя тема css всегда загружается после макета parent.css

Она принадлежит дочерней ТЕМЫ functions.php

function use_parent_theme_stylesheet() { 
    // Use the parent theme's stylesheet 
    return get_template_directory_uri() . '/style.css'; 
} 

function my_theme_styles() { 
    $themeVersion = wp_get_theme()->get('Version'); 

    // Enqueue our style.css with our own version 
    wp_enqueue_style('child-theme-style', get_stylesheet_directory_uri() . '/style.css', 
     array('woo-layout'), $themeVersion); 
} 

// Filter get_stylesheet_uri() to return the parent theme's stylesheet 
add_filter('stylesheet_uri', 'use_parent_theme_stylesheet'); 

// Enqueue this theme's scripts and styles (after parent theme) 
add_action('wp_enqueue_scripts', 'my_theme_styles', 20);