В WordPress подключение стилей и скриптов осуществляется с использованием функций wp_enqueue_style и wp_enqueue_script. В этой статье мы рассмотрим, как подключать стили и скрипты к вашей теме, а также как организовать подключение ресурсов к конкретным страницам и общим частям сайта.

1. Подключение Стилей в functions.php:

function custom_enqueue_styles() {
    wp_enqueue_style('main-style', get_stylesheet_uri(), array(), '1.0', 'all');
    // Добавьте другие стили, если необходимо
}

add_action('wp_enqueue_scripts', 'custom_enqueue_styles');

В этом примере мы используем функцию wp_enqueue_style для подключения основного стиля (main-style). get_stylesheet_uri() используется для получения URL файла стилей темы. Вы можете добавить дополнительные стили, указав их зависимости и версии.

2. Подключение Скриптов в functions.php:

function enqueue_styles_on_specific_page() {
    if (is_page('example-page')) {
        wp_enqueue_style('specific-style', get_template_directory_uri() . '/css/specific-style.css', array(), '1.0', 'all');
    }
}

add_action('wp_enqueue_scripts', 'enqueue_styles_on_specific_page');

Этот пример подключает стиль только на странице с идентификатором example-page. Вы можете использовать is_page, is_single, is_category и другие условия WordPress.

4. Подключение к Общим Страницам:

function enqueue_scripts_on_common_pages() {
    if (!is_single() && !is_page()) {
        wp_enqueue_script('common-script', get_template_directory_uri() . '/js/common-script.js', array('jquery'), '1.0', true);
    }
}

add_action('wp_enqueue_scripts', 'enqueue_scripts_on_common_pages');

Этот пример подключает скрипт на всех страницах, кроме одиночных записей и страниц.

5. Загрузка Стилей и Скриптов в Футер:

Заметьте, что скрипты в примерах выше подключаются в футере (true в конце). Для подключения в заголовке измените на false.

Заключение:

Используйте функции wp_enqueue_style и wp_enqueue_script для эффективного управления стилями и скриптами в WordPress. С их помощью, вы можете гибко настраивать подключение ресурсов для разных частей вашего сайта, обеспечивая оптимальную загрузку и производительность.