Как подключать скрипты для IE в wordpress?

Question

[Роман]

собственно все плагины регистрирую так

/*------------------------------
	fancybox
--------------------------------*/
 add_action( 'wp_footer', 'fancybox' );
function fancybox() {
   /*регистрация скрипта*/
    wp_register_script( 'fancybox' , get_template_directory_uri() . '/libs/fancybox/jquery.fancybox.pack.js', array(jquery), '2.1.5' );
  /*подключение скрипта*/
    wp_enqueue_script( 'fancybox' );
}

А какподключать скрипты для IE, которые должны быть закомментированы в остальных браузерах? Или вставлять в футер обычные ссылки?

Answer 1

[Игорь Воротнёв]

Во-первых, хукаться в wp_footer - неправильно. Чтобы подключить скрипт в footer достаточно последний аргумент функции wp_enqueue_script установить в true. Ну а wp_register_script вообще не нужен. Эта функция используется для регистрации скрипта, чтобы потом его можно было включать как зависимость к другому скрипту. Если вы его принудительно подключаете через wp_enqueue_script, то предварительная регистрация не имеет смысла.

Что касается конкретно IE, используется так:

function my_scripts() {
    // Подключаем скрипт только для ИЕ, в подвале
    // По трем последним аргументам:
    // array() - зависимости, например array( 'jquery' )
    // null / '1.0.0' - версия скрипта. Гугл не любит их, указав null мы убираем параметр версии из адреса скрипта
    // true - выводить скрипт в футере 
    wp_enqueue_script( 'script-name', get_template_directory_uri() . '/js/script-name.js', array(), null, true ); 
    // Добавляем обертку для ИЕ
    // Используем то же имя скрипта
    // Тип данных - conditional
    // Собственно, условие - <IE9 (можно использовать все валидные значения)
    wp_script_add_data( 'script-name', 'conditional', 'lt IE 9' );
}
add_action( 'wp_enqueue_scripts', 'my_scripts' );

Comments

[Игорь Воротнёв]

Роман: Аналогично, в той же функции:

function my_scripts() {

    // Подключаем любые кастомные стили
    // array() и null - зависимости и версия, все то же самое
    // последний аргумент - это media для стилей
    wp_enqueue_style( 'style-name', get_template_directory_uri() . '/css/style-name.css', array(), null, 'all' );

    // А так подключаем основные стили темы
    wp_enqueue_style( 'theme-style', get_stylesheet_uri() );

    // Подключаем скрипт только для ИЕ, в подвале
    // По трем последним аргументам:
    // array() - зависимости, например array( 'jquery' )
    // null / '1.0.0' - версия скрипта. Гугл не любит их, указав null мы убираем параметр версии из адреса скрипта
    // true - выводить скрипт в футере 
    wp_enqueue_script( 'script-name', get_template_directory_uri() . '/js/script-name.js', array(), null, true ); 
    // Добавляем обертку для ИЕ
    // Используем то же имя скрипта
    // Тип данных - conditional
    // Собственно, условие - <IE9 (можно использовать все валидные значения)
    wp_script_add_data( 'script-name', 'conditional', 'lt IE 9' );
}
add_action( 'wp_enqueue_scripts', 'my_scripts' );

[Роман]

не подключается скрипт, что я не правильно делаю? \

function my_scipts( ) {
		wp_enqueue_script ( 'fancybox' , get_template_directory_uri() . '/libs/fancybox/jquery.fancybox.pack.js', array(jquery), 'null', true );
	}
add_action( 'wp_enqueue_script', ' my_scripts' );

[Игорь Воротнёв]

Роман: Внимательней надо быть :) Экшн называется wp_enqueue_scripts - вы последнюю букву потеряли. Это раз. Два - null без кавычек должно быть.

[Роман]

function my_scriptss( ) {
		
		wp_enqueue_scripts  ( 'fancybox' , get_template_directory_uri() . '/libs/fancybox/jquery.fancybox.pack.js', array(jquery),  null, true );
	}
add_action( 'wp_enqueue_scripts', 'my_scripts' );

после измененений перестал открываться сайт, если закоментить код, сайт открывается.

[Игорь Воротнёв]

Роман: О боги :)) Откуда в названии функции вторая S появилась?

function my_scripts( ) {
    wp_enqueue_scripts  ( 'fancybox', get_template_directory_uri() . '/libs/fancybox/jquery.fancybox.pack.js', array(jquery), null, true );
  }
add_action( 'wp_enqueue_scripts', 'my_scripts' ); // здесь my_scripts - это название функции выше

[Роман]

в общем вера в жизнь теряется, код который вы написали я вставил, и опять перестал открываться сайт

[Игорь Воротнёв]

Роман: скорее всего синтаксическая ошибка где-то. Включите в wp-config.php константу отладки:
define( 'WP_DEBUG', true );
define( 'WP_DEBUG_DISPLAY', true );

[Роман]

включил, но пока функцию не закоментишь, сайт недоступен

[Роман]

если из add_action() убрать один из аргументов,сайт доступен

[Роман]

Игорь Воротнёв: экшн называется wp_enqueue_script( ), вы меня запутали)

[Игорь Воротнёв]

Роман: Вы сами запутались :)
https://codex.wordpress.org/Function_Reference/wp_...
Экшн (хук, в который мы подключаем нашу функцию) как раз называется wp_enqueue_scripts. А вот функция, с помощью которой вы конкретный скрипт подключаете, называется wp_enqueue_script(). В моем изначальном коде все правильно.

function my_scripts() {
    // тут без s в конце
    wp_enqueue_script( 'fancybox', get_template_directory_uri() . '/libs/fancybox/jquery.fancybox.pack.js', array(jquery), null, true );
}
// тут первый аргумент с s в конце, это название хука (экшна)
add_action( 'wp_enqueue_scripts', 'my_scripts' ); // здесь my_scripts - это название функции выше

[Игорь Воротнёв]

А сайт у вас валится именно потому что функция wp_enqueue_scripts() не существует.

[Роман]

спасибо за помощь!

[Игорь Воротнёв]

Роман: на здоровье)