Intereting Posts
Зарегистрироваться и ввести в очередь стиль style.css этот простой shortcode не генерирует Collapse как предполагаемый Индекс в корне, wordpress в подкаталоге Невозможно отобразить индивидуальные размеры эскизов сообщений в качестве фоновых изображений Попытка ввести метаданные twitter в <head> с помощью действия wp_head в functions.php – get_the_excerpt () возвращает null плагин css не применяется к странице? Каков правильный способ вставки нескольких файлов CSS в WP? Как удалить заголовок со всех страниц, кроме дома? Как зарегистрировать пользователя в группе по коду приглашения? Как использовать расширение WP-FirePHP? Ajax не обновляется до базы данных Плагин для встраивания локального видео в WordPress? Как внести вклад в WordPress Core с использованием Tortoise SVN? Пользовательская постоянная ссылка: / year / month / post-go-here /? Как добавить связанные продукты на боковой панели?

Невозможно загрузить пользовательский файл CSS в дочернюю тему

Я хочу использовать несколько пользовательских файлов css для шаблона страницы в дочерней теме, но, глядя на инструменты dev, я вижу, что они не запрашиваются при загрузке страницы. Заголовок для загрузчика page-mp3-downloader выглядит так:

<head> <meta name="viewport" content="width=device-width, initial-scale=1.0" charset=utf-8> <title>Music Downloader App</title> <!-- ================= CSS Files ================--> <link href="https://fonts.googleapis.com/css?family=Audiowide" rel="stylesheet"> <link rel="shortcut icon" href="img/favicon.ico" type="image/x-icon" /> <?php wp_head() ?> </head> 

и файл functions.php:

 <?php /* This enqueues the Parent style.css file for this child theme */ function my_theme_enqueue_styles() { $parent_style = 'twentyseventeen-style'; // This is 'twentyseventeen-style' for the Twenty Seventeen 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' ); /*============= Code Added by Me ======================================- */ /* Code to enqueue(load) the custom.css file for sgt. peppers page */ function wpb_adding_styles() { if (is_page_template('page-sgt_peppers.php')) { wp_register_style('custom-style', get_stylesheet_directory_uri() . '/custom.css'); wp_enqueue_style('custom-style', get_stylesheet_directory_uri() . '/custom.css'); } /* Load style sheets for MP3 Downloader page if page requested */ if (is_page('page-mp3-downloader.php')) { wp_register_style('custom-style', get_stylesheet_directory_uri() . '/css/reset-mp3.css'); wp_enqueue_style('custom-style', get_stylesheet_directory_uri() . '/css/reset-mp3.css'); wp_register_style('custom-style', get_stylesheet_directory_uri() . '/css/main-mp3.css'); wp_enqueue_style('custom-style', get_stylesheet_directory_uri() . '/css/main-mp3.css'); } } add_action('wp_enqueue_scripts', 'wpb_adding_styles'); 

Файл css для page-sgt_peppers.php загружается в корневой папке child-theme. Но я пробовал как в корне, так и в / css / для page-mp3-downloader, но пользовательские файлы css никогда не запрашиваются. Я прочитал WP-код на enqueueing, но не вижу, что мне не хватает. Вот моя структура каталогов ребенок-тема , Любая помощь оценивается.

Обновление. Получите файл css для загрузки, используя:

 /* Load style sheets for MP3 Downloader page if page requested */ if (is_page('mp3-downloader')) { wp_enqueue_style('wpsx-reset-mp3-style'); wp_enqueue_style('wpsx-main-mp3-style'); } 

Правильно ли я предполагаю, что mp3-загрузчик не был создан из шаблона, а только файл, который я изменил с page.php, который is_page () является условным тегом для использования?

Несколько моментов:

Первый:

Вы используете is_page_template() «'page-sgt_peppers.php», тогда вы используете is_page() для «page-mp3-downloader.php».

Вы должны использовать is_page_template() для обоих.

Во- вторых:

Вы используете wp_register_style() неправильно. Из кода:

Безопасный способ регистрации файла стиля CSS для последующего использования с wp_enqueue_style () .

Обратите внимание на часть «позже использовать». Функция register script позволяет вам вызвать wp_enqueue_style($handle); позже, вместо того, чтобы перечислить пути и зависимость снова и снова. Вам не нужно регистрировать их вообще, но это хорошая практика, поэтому я сохраняю ее в предложенном мной исправлении ниже.

Вы также должны зарегистрировать их с помощью уникальных ручек. Кодекс:

$ handle (string) (обязательно) Имя таблицы стилей (которая должна быть уникальной, поскольку она используется для идентификации скрипта во всей системе).

При этом вы можете попробовать следующее:

 <?php /* This enqueues the Parent style.css file for this child theme */ function my_theme_enqueue_styles() { $parent_style = 'twentyseventeen-style'; // This is 'twentyseventeen-style' for the Twenty Seventeen 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') ); /*Register styles for later use*/ wp_register_style('wpsx-custom-style', get_stylesheet_directory_uri() . '/custom.css'); wp_register_style('wpsx-reset-mp3-style', get_stylesheet_directory_uri() . '/css/reset-mp3.css'); wp_register_style('wpsx-main-mp3-style', get_stylesheet_directory_uri() . '/css/main-mp3.css'); } add_action( 'wp_enqueue_scripts', 'my_theme_enqueue_styles' ); /*============= Code Added by Me ======================================- */ /* Code to enqueue(load) the custom.css file for sgt. peppers page */ function wpb_adding_styles() { if (is_page_template('page-sgt_peppers.php')) { wp_enqueue_style('wpsx-custom-style'); } /* Load style sheets for MP3 Downloader page if page requested */ if (is_page_template('page-mp3-downloader.php')) { wp_enqueue_style('wpsx-reset-mp3-style'); wp_enqueue_style('wpsx-main-mp3-style'); } } add_action('wp_enqueue_scripts', 'wpb_adding_styles'); в <?php /* This enqueues the Parent style.css file for this child theme */ function my_theme_enqueue_styles() { $parent_style = 'twentyseventeen-style'; // This is 'twentyseventeen-style' for the Twenty Seventeen 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') ); /*Register styles for later use*/ wp_register_style('wpsx-custom-style', get_stylesheet_directory_uri() . '/custom.css'); wp_register_style('wpsx-reset-mp3-style', get_stylesheet_directory_uri() . '/css/reset-mp3.css'); wp_register_style('wpsx-main-mp3-style', get_stylesheet_directory_uri() . '/css/main-mp3.css'); } add_action( 'wp_enqueue_scripts', 'my_theme_enqueue_styles' ); /*============= Code Added by Me ======================================- */ /* Code to enqueue(load) the custom.css file for sgt. peppers page */ function wpb_adding_styles() { if (is_page_template('page-sgt_peppers.php')) { wp_enqueue_style('wpsx-custom-style'); } /* Load style sheets for MP3 Downloader page if page requested */ if (is_page_template('page-mp3-downloader.php')) { wp_enqueue_style('wpsx-reset-mp3-style'); wp_enqueue_style('wpsx-main-mp3-style'); } } add_action('wp_enqueue_scripts', 'wpb_adding_styles');