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

Метод 1: использование wp_enqueue_script()
Функция wp_enqueue_script() — рекомендуемый метод для включения файлов JavaScript в WordPress. Это обеспечивает правильное управление зависимостями и предотвращает конфликты с другими скриптами. Вот пример использования этого метода:

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: использование wp_register_script() и wp_enqueue_script()
Если вам нужен больший контроль над загрузкой скрипта, вы можете использовать комбинацию wp_register_script() и wp_enqueue_script(). Этот метод позволяет указывать зависимости и загружать скрипты по условию. Вот пример:

function register_and_enqueue_script() {
    wp_register_script( 'custom-script', get_template_directory_uri() . '/js/custom-script.js', array(), '1.0', true );
    if ( is_page( 'contact' ) ) {
        wp_enqueue_script( 'custom-script' );
    }
}
add_action( 'wp_enqueue_scripts', 'register_and_enqueue_script' );

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

function add_inline_script() {
    wp_enqueue_script( 'custom-script', get_template_directory_uri() . '/js/custom-script.js', array(), '1.0', true );
    $custom_script_code = "
        jQuery(document).ready(function($) {
            // Your custom JavaScript code here
        });
    ";
    wp_add_inline_script( 'custom-script', $custom_script_code );
}
add_action( 'wp_enqueue_scripts', 'add_inline_script' );

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

if ( is_page_template( 'contact-page.php' ) ) {
    get_template_part( 'js/custom-script' );
}

Эти методы предоставляют различные подходы для включения и выполнения файлов JavaScript в WordPress с использованием PHP. Выберите метод, который лучше всего соответствует вашим требованиям, и следуйте предоставленным примерам кода, чтобы улучшить функциональность вашего веб-сайта WordPress с помощью специального JavaScript.