WordPress

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

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

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

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

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

1

2

3

4

5

6

7

<?php

functionmy_style(){

    wp_enqueue_style(‘style’,get_template_directory_uri().‘/css/style.css’);

}

add_action(‘wp_enqueue_scripts’,‘my_style’);

?>

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

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

<?php

functionmy_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 для постов.