Стиль стилей для детей не загружается

Я использую тему HashOne и создал дочернюю тему , чтобы сделать различные изменения цвета на нашем сайте.

Тем не менее, изменения, внесенные в таблицу стилей дочерних тем, происходят только в определенных разделах сайта, в то время как другие изменения откладываются на родительскую тему. Я создал файл functions.php который, как мне кажется, правильно отформатирован. Смотри ниже:

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

Когда я использовал режим проверки, чтобы увидеть, какой CSS переопределяет дочернюю тему, я смог подтвердить, что это определенно родительская тема. Однако есть три файла CSS, которые работают сразу, и я не знаю, как это исправить.

  1. stage.ottrial.pitt.edu/wp-content/themes/hashone/style.css?ver=4.7.1
  2. stage.ottrial.pitt.edu/wp-content/themes/hashone-theme-child/style.css?ver=1.0
  3. stage.ottrial.pitt.edu/wp-content/themes/hashone/style.css

Тот, который возглавляет пакет, – №3. Я не уверен, что я делаю неправильно здесь.

В вашем файле functions.php нет необходимости в дополнительном коде, чтобы помещать родительские темы css из вашей дочерней темы. Проблема заключается в том, что добавив этот код, вы повторно кладете CSS родительской темы во второй раз, но теперь загружаетесь после дочерней темы. Это означает, что все изменения, внесенные вами в дочернюю тему, не будут иметь никакого эффекта.

Просто удалите эту строку, и вы увидите изменения в дочерней теме.

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

Файл style.css:

 /* * Theme Name: HashOne Child * Template: hashone * Text Domain: hashone-chile */ 

Файл functions.php:

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

Вам не нужно загружать style.css темы, если вы не хотите пометить ее чем-то иным, чем style.css .

По умолчанию WordPress style.css загружает style.css (в корневой каталог темы) родительскую тему и style.css тему.

Убедитесь, что ваша style.css тема активирована, и добавьте свой CSS в style.css темы Child.

Обязательно используйте инспектор, чтобы легко определить правила CSS. Переопределение CSS-правил родительской темы иногда может быть сложным. Использование !important может помочь переопределить некоторые правила CSS в родительской теме.

Пример использования !important в CSS

Скажем, родительская тема определяет это правило:

 #site-title { color: #000000; background: #ffffff; } 

Вы можете принудительно переопределить это правило в своей дочерней теме следующим образом:

 #site-title { color: #ffffff !important; background: #000000 !important; } 

Имейте в виду новый quatro, начиная с WP 4.7:

 get_theme_file_uri() get_parent_theme_file_uri() get_theme_file_path() get_parent_theme_file_path() 

пришел на смену старому quatro:

 get_stylesheet_directory_uri() get_template_directory_uri() get_stylesheet_directory() get_template_directory() 

В соответствующем порядке. Усиление – лучшее соглашение об именах.