6 способов поставить скрипты в очередь в WordPress с примерами кода

Чтобы поставить скрипт в очередь в WordPress, вы можете использовать несколько методов в зависимости от ваших потребностей. Правильная постановка сценария в очередь гарантирует его загрузку в правильном порядке и позволяет избежать конфликтов с другими сценариями.

Вот шесть различных методов, которые вы можете использовать для постановки скрипта в очередь в WordPress, а также примеры кода:

Метод 1: добавление скрипта непосредственно в файл function.php темы.
Вы можете добавить скрипт непосредственно в файл function.php вашей темы, используя функцию wp_enqueue_script(). Вот пример:

function enqueue_custom_script() {
    wp_enqueue_script( 'custom-script', get_template_directory_uri() . '/js/custom-script.js', array(), '1.0', true );
}
add_action( 'wp_enqueue_scripts', 'enqueue_custom_script' );

Метод 2: постановка сценария в очередь в файле плагина.
Если вы разрабатываете плагин, вы можете поставить его в очередь в основном файле плагина. Вот пример:

function enqueue_custom_script() {
    wp_enqueue_script( 'custom-script', plugin_dir_url( __FILE__ ) . 'js/custom-script.js', array(), '1.0', true );
}
add_action( 'wp_enqueue_scripts', 'enqueue_custom_script' );

Метод 3: Условная постановка сценария в очередь
Вы можете поставить сценарий в очередь по условию на основе определенных условий, например определенных страниц или типов сообщений. Вот пример, в котором скрипт ставится в очередь только на главной странице:

function enqueue_custom_script() {
    if ( is_home() ) {
        wp_enqueue_script( 'custom-script', get_template_directory_uri() . '/js/custom-script.js', array(), '1.0', true );
    }
}
add_action( 'wp_enqueue_scripts', 'enqueue_custom_script' );

Метод 4: постановка сценария в очередь с зависимостями
Если ваш сценарий опирается на другие сценарии или библиотеки, вы можете указать их как зависимости. Вот пример, в котором скрипт ставится в очередь с jQuery в качестве зависимости:

function enqueue_custom_script() {
    wp_enqueue_script( 'custom-script', get_template_directory_uri() . '/js/custom-script.js', array( 'jquery' ), '1.0', true );
}
add_action( 'wp_enqueue_scripts', 'enqueue_custom_script' );

Метод 5: постановка сценария в очередь из CDN
Вы также можете поставить сценарии в очередь из сети доставки контента (CDN) вместо того, чтобы размещать их локально. Вот пример, который ставит библиотеку jQuery в очередь из CDN:

function enqueue_custom_script() {
    wp_enqueue_script( 'jquery', 'https://code.jquery.com/jquery-3.6.0.min.js', array(), '3.6.0', true );
}
add_action( 'wp_enqueue_scripts', 'enqueue_custom_script' );

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

function enqueue_inline_script() {
    $custom_script = 'console.log("Hello, world!");';
    wp_enqueue_script( 'custom-inline-script', '', array(), '1.0', true );
    wp_add_inline_script( 'custom-inline-script', $custom_script );
}
add_action( 'wp_enqueue_scripts', 'enqueue_inline_script' );

Это всего лишь несколько примеров того, как ставить скрипты в очередь в WordPress. В зависимости от ваших конкретных требований вы можете выбрать метод, который лучше всего соответствует вашим потребностям.