Как загрузить таблицу стилей CSS в тему Wordpress?

Question

Как мне загрузить (поставить в очередь?) Мой пользовательский CSS, чтобы контент с моих страниц (который вводится динамически через Wordpress) имел CSS, который есть у моего верхнего и нижнего колонтитула?

У меня есть файл functions.php со следующим, но он ничего не делает, кроме печати кода в верхней части шаблона моей темы в HTML.

function custom_style() {
    if ( is_page_template( 'templates/home.php' ) ) {
        wp_enqueue_style( 'home', get_stylesheet_directory_uri() . '/styles.css' );
    }
}
add_action( 'wp_enqueue_scripts', 'custom_style' );

Может кто-нибудь сказать мне, что мне нужно сделать, чтобы получить на каждой из моих страниц CSS-код, который есть в верхнем и нижнем колонтитулах?

Answer 1

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

wp_enqueue_style('handle', 'src', 'deps', 'ver', 'media');

Где: Дескриптор: уникальное имя для таблицы стилей, Src: полный путь к вашей таблице стилей, Deps: зависимости для этого файла, Ver: номер версии, Медиа: где будут применяться стили (экран, печать и т. Д.)

Вот ссылка на официальные документы: https://developer.wordpress.org/reference/functions/wp_enqueue_style/

Answer 2

Если бы это происходило со мной, я бы сначала очистил кеш браузера - вы пробовали это?

Ваш файл functions.php выглядит синтаксически правильным.Если вы хотите, чтобы ваш стиль применялся ко всем страницам (или по умолчанию), вам не нужно:

if (is_page_template(...)

Если все ваши страницы не используют шаблон home.php.

Если это основная таблица стилей вашей темы, она должна быть включена в корневой каталог с заголовком, отмечающим эти обязательные пункты .Это могут быть ссылки, подобные этому:

function my_style(){
    wp_enqueue_style( 'style-name', get_stylesheet_directory_uri() );
}
add_action('wp_enqueue_scripts','my_style');