Как подключить стили в WordPress

Для того чтобы подключить css файл в шаблон WordPress, нужно использовать функцию wp_enqueue_style. Она правильно подключает стили в CSM WordPress.

Эту функцию нужно вызывать во время события wp_enqueue_scripts.

Пример 1. Подключим файл style.css

<?php
function my_style() {
    wp_enqueue_style('style', get_template_directory_uri().'/css/style.css');
}

add_action('wp_enqueue_scripts', 'my_style');
?>

<?php

function my_style() {

wp_enqueue_style('style', get_template_directory_uri().'/css/style.css');

}

add_action('wp_enqueue_scripts', 'my_style');

Пример 2. Подключим два файла стилей для разных страниц.

<?php
function my_style() {
    wp_enqueue_style('style', get_stylesheet_uri());

    if(is_front_page() || is_home()){
         wp_enqueue_style('style1', get_template_directory_uri().'/css/style1.css');
    }
    
    if(is_single()){
        wp_enqueue_style('style2', get_template_directory_uri().'/css/style2.css');
    }
}

add_action('wp_enqueue_scripts', 'my_style');
?>

<?php

function my_style() {

wp_enqueue_style('style', get_stylesheet_uri());

if(is_front_page() || is_home()){

wp_enqueue_style('style1', get_template_directory_uri().'/css/style1.css');

}

if(is_single()){

wp_enqueue_style('style2', get_template_directory_uri().'/css/style2.css');

}

add_action('wp_enqueue_scripts', 'my_style');

Тут мы подключаем:
— основной файл стилей шаблона wp_enqueue_style(‘style’, get_stylesheet_uri());
— файл style1.css для главной страницы.
— файл style2.css для постов.