Поиск…


Синтаксис

  • wp_enqueue_script ($ handle, $ src, $ deps, $ ver, $ in_footer)

параметры

параметр подробности
$ ручка (строка) (обязательно) Имя скрипта. Должно быть уникальным.
$ ЦСИ (строка) (необязательно) Полный URL-адрес скрипта или путь к скрипту относительно корневого каталога WordPress. Значение по умолчанию: false
$ Deps (массив) (необязательно). Массив зарегистрированных скриптов обрабатывает этот скрипт. Значение по умолчанию: array ()
$ вер (string | bool | null) (необязательно) Строка, указывающая номер версии скрипта, если она есть, которая добавляется в URL как строка запроса для целей перебора кеша. Если для версии установлено значение false, номер версии автоматически добавляется к текущей версии WordPress. Если установлено значение null, версия не добавляется. Значение по умолчанию: false
$ in_footer (bool) (Необязательно) Вставить в очередь сценарий перед </body> а не в <head> . Значение по умолчанию: false

Запуск сценариев в functions.php

Если вы хотите добавить скрипт custom.js который находится в папке js/ вашей темы, вам нужно будет установить его в очередь. В functions.php add

<?php

add_action( 'after_setup_theme', 'yourtheme_theme_setup' );

if ( ! function_exists( 'yourtheme_theme_setup' ) ) {
    function yourtheme_theme_setup() {

        add_action( 'wp_enqueue_scripts', 'yourtheme_scripts' );
        add_action( 'admin_enqueue_scripts', 'yourtheme_admin_scripts' );

    }
}

if ( ! function_exists( 'yourtheme_scripts' ) ) {
    function yourtheme_scripts() {

        wp_enqueue_script( 'yourtheme_custom', get_template_directory_uri().'/js/custom.js', array( 'jquery' ), '1.0.0', true );

    }
}

if ( ! function_exists( 'yourtheme_admin_scripts' ) ) {
    function yourtheme_admin_scripts() {

        wp_enqueue_script( 'yourtheme_custom', get_template_directory_uri().'/js/custom.js', array( 'jquery-ui-autocomplete', 'jquery' ), '1.0.0', true );

    }
}

Скрипты Enqueue только для IE

add_action( 'wp_enqueue_scripts', 'enqueue_my_styles_and_scripts' );

/**
 * Enqueue scripts (or styles) conditionally.
 *
 * Load scripts (or stylesheets) specifically for IE. IE10 and above does
 * not support conditional comments in standards mode.
 *
 * @link https://gist.github.com/wpscholar/4947518
 * @link https://msdn.microsoft.com/en-us/library/ms537512(v=vs.85).aspx
 */
function enqueue_my_styles_and_scripts() {

     // Internet Explorer HTML5 support
    wp_enqueue_script( 'html5shiv',get_template_directory_uri().'/js/html5shiv.js', array(), '3.7.3', false);
    wp_script_add_data( 'html5shiv', 'conditional', 'lt IE 9' );

    // Internet Explorer 8 media query support
    wp_enqueue_script( 'respond', get_template_directory_uri().'/js/respond.js', array(), '1.4.2', false);
    wp_script_add_data( 'respond', 'conditional', 'lt IE 9' );

}

Задание сценариев условно для определенных страниц

Вы можете использовать условные операторы в WordPress для размещения сценариев на определенных страницах вашего сайта.

function load_script_for_single_post(){
    if(is_single()){
        wp_enqueue_script(
                'some',
                get_template_directory_uri().'/js/some.js',
                array('jquery),
                '1.0.0', 
                false
        );

    }
} 
add_action('wp_enqueue_scripts','load_script_for_single_post');

В приведенном выше примере, если текущая веб-страница является отдельной почтой, скрипт будет выставлен в очередь. В противном случае функция wp_enqueue_script не будет выполнена.



Modified text is an extract of the original Stack Overflow Documentation
Лицензировано согласно CC BY-SA 3.0
Не связан с Stack Overflow