Вопрос или проблема
Я создал дочернюю тему Twenty Twenty four. У меня есть файл styles.css в каталоге дочерней темы, и я подключил таблицу стилей для загрузки в functions.php дочерней темы:
<?php
/*
* Функции темы Dirigo 2024
*/
add_action( 'wp_enqueue_scripts', 'dirigo_2024_enqueue_styles' );
function dirigo_2024_enqueue_styles() {
wp_enqueue_style(
'dirigo-2024',
get_stylesheet_uri()
);
}
В моем styles.css есть декларация для переопределения цвета кнопки выбранного стиля темы:
:root :where(.wp-block-button.is-style-outline--2 .wp-block-button__link) {
background-color: orange !important;
}
Это корректно отображается при просмотре страницы, где кнопка была включена. Однако при редактировании страницы переопределение декларации CSS не применяется, поскольку styles.css не загружается.
Я не помню, чтобы это было проблемой до тем блоков. Существует ли предпочтительный подход к дочерним темам и этой конкретной проблеме?
Ответ или решение
Отвечая на вашу проблему с подключением стилей дочерней темы Twenty Twenty Four в админ-панели WordPress при редактировании страниц, важно рассмотреть несколько важных аспектов, чтобы понять, как правильно решить эту задачу.
1. Правильное добавление стилей в админ-панели
По умолчанию WordPress загружает свои активные стили только на фронтенде, когда отображаются страницы для пользователей. Когда вы редактируете страницу через админ-панель, для этого интерфейса вам нужно явно указать, что вы хотите загрузить свои стили страницы.
Для этого вам необходимо использовать хук admin_enqueue_scripts для подключения стилей:
add_action( 'admin_enqueue_scripts', 'dirigo_2024_enqueue_admin_styles' );
function dirigo_2024_enqueue_admin_styles() {
wp_enqueue_style(
'dirigo-2024-admin',
get_stylesheet_uri()
);
}Этот кусок кода необходимо добавить в ваш functions.php файл вашей дочерней темы. Это обеспечит загрузку styles.css также и во время редактирования страниц в админ панели.
2. Проверка кэша и режимов работы
Иногда проблемы с отображением могут возникать из-за кэширования. Убедитесь, что вы очищаете кэш браузера и любые плагины кэширования, которые могут быть активированы на вашем сайте. Также попробуйте временно отключить все плагины, чтобы проверить, не они ли создают конфликт.
3. Приоритет загрузки стилей
Если ваши стили все еще не загружаются должным образом, вы можете попробовать установить более высокий приоритет при использовании функции wp_enqueue_style, добавив дополнительный аргумент в функцию:
add_action( 'admin_enqueue_scripts', 'dirigo_2024_enqueue_admin_styles' );
function dirigo_2024_enqueue_admin_styles() {
wp_enqueue_style(
'dirigo-2024-admin',
get_stylesheet_uri(),
array(), // зависимости, если они есть
wp_get_theme()->get('Version') // добавьте версию темы
);
}4. Убедитесь в правильной структуре дочерней темы
Проверьте, чтобы ваша дочерняя тема имела правильную структуру и все необходимые файлы, такие как style.css и functions.php, были на месте и правильно настроены. В style.css также должно быть присутствие заголовков тем:
/*
Theme Name: Dirigo 2024
Template: twentytwentyfour
*/Заключение
Следуя вышеперечисленным рекомендациям, вы должны быть в состоянии успешно решить проблему с подключением стилей вашей дочерней темы Twenty Twenty Four в админ-панели при редактировании страниц. Это позволит вам более точно контролировать стили во всем интерфейсе редактирования, обеспечивая удобство работы с вашим сайтом.
Если после выполнения всех шагов проблема все еще сохраняется, рекомендуется проверить, нет ли конфликтов между темами и плагинами или обратиться за дополнительной поддержкой на форумы WordPress.