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

Метод 1: отдельное добавление скриптов и стилей в очередь
Самый простой подход заключается в раздельном включении скриптов и стилей в очередь с помощью функций wp_enqueue_script()и wp_enqueue_style(). Мы можем создать пользовательскую функцию и привязать ее к нужному хуку действия, например wp_enqueue_scripts, например:

function enqueue_custom_scripts() {
    wp_enqueue_script('my-script', 'path/to/my-script.js', array('jquery'), '1.0', true);
}
function enqueue_custom_styles() {
    wp_enqueue_style('my-style', 'path/to/my-style.css', array(), '1.0');
}
add_action('wp_enqueue_scripts', 'enqueue_custom_scripts');
add_action('wp_enqueue_scripts', 'enqueue_custom_styles');

Метод 2: поставьте сценарии и стили вместе
Если у вас есть несколько сценариев и стилей для постановки в очередь, вы можете объединить их в одну функцию и поставить их вместе. Такой подход уменьшает дублирование кода и повышает производительность:

function enqueue_custom_scripts_and_styles() {
    wp_enqueue_script('my-script', 'path/to/my-script.js', array('jquery'), '1.0', true);
    wp_enqueue_style('my-style', 'path/to/my-style.css', array(), '1.0');
}
add_action('wp_enqueue_scripts', 'enqueue_custom_scripts_and_styles');

Метод 3: используйте массив для постановки в очередь нескольких сценариев
Чтобы поставить в очередь несколько сценариев без повторения функции wp_enqueue_script(), мы можем использовать массив для определения всех сценариев и их зависимостей:

function enqueue_custom_scripts() {
    $scripts = array(
        'my-script' => array(
            'src'     => 'path/to/my-script.js',
            'deps'    => array('jquery'),
            'version' => '1.0',
            'in_footer' => true
        ),
        // Add more scripts here
    );
    foreach ($scripts as $handle => $script) {
        wp_enqueue_script($handle, $script['src'], $script['deps'], $script['version'], $script['in_footer']);
    }
}
add_action('wp_enqueue_scripts', 'enqueue_custom_scripts');

Метод 4: используйте массив для постановки в очередь нескольких стилей
Аналогично мы можем использовать массив для постановки в очередь нескольких стилей:

function enqueue_custom_styles() {
    $styles = array(
        'my-style' => array(
            'src'     => 'path/to/my-style.css',
            'deps'    => array(),
            'version' => '1.0'
        ),
        // Add more styles here
    );
    foreach ($styles as $handle => $style) {
        wp_enqueue_style($handle, $style['src'], $style['deps'], $style['version']);
    }
}
add_action('wp_enqueue_scripts', 'enqueue_custom_styles');

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