Задача. Нужно сделать на странице сайта карусель (слайдер) с разным типом контента — видео, текст, вставка видео из Youtube. Такое…
wp_enqueue_script
wp_enqueue_script()
— функция Wordpress, правильно подключает JavaScript файл на страницу. Важно подключать скрипты с помощью этой функции, т.к. в дальнейшем без проблем можно объединять JS файлы в один. Также можно настроить зависимость, когда одни скрипт должен подключать только после другого
Пример
/* Если скрипт уже зарегистрирован с помощью wp_register_script(), то для подключения нужно указать только идентификатор скрипта первым параметром */ // jQuery регистрируется по умолчанию в WP // поэтому для подключения достаточно одной строки wp_enqueue_script('jquery'); /* Если скрипт не зарегистрирован, то его можно сразу зарегистрировать и подключить */ wp_enqueue_script( 'my-script', get_template_directory_uri() . '/js/custom_script.js');
wp_enqueue_script( $handle, $src, $deps, $ver, $in_footer );
- $handle (строка, обязательный) — название скрипта. Строка в нижнем регистре.
- $src (строка) — url файла скрипта. Необходим если скрипт не зарегистрирован. Можно определять динамически функциями plugins_url() (для плагинов) и get_template_directory_uri() (для тем). Внешние скрипты можно указать без протокола.
- $deps (массив) — массив названий скриптов от которых зависит этот скрипт (должны быть загружены перед этим скриптом). По умолчанию: array().
- $ver (строка) — указывает версию скрипта, если она у него есть. Если не указан, то будет версия WP. Если указать null, то никакая версия не добавится. По умолчанию: false.
- $in_footer (логический) — подключить ли скрипт в футер. По умолчанию: false (в head) / true (в wp_footer) Обычно скрипт подключается в документа, если указать true, то скрипт будет подключен перед тегом , точнее там где вызывается тег шаблона wp_footer().
wp_enqueue_script() вызывают во время таких хуков-событий:
wp_enqueue_scripts
— для внешней части сайта;admin_enqueue_scripts
— для админ-панели;login_enqueue_scripts
— для страницы входа (wp-login.php).
Маска ввода телефона в HTML на JS
Задача. На всех формах где есть поле ввода для телефона добавить ввод номера по маске. Решение. Используем плагин для jQuery…
Загрузка частей страницы сайта на WordPress через Ajax
Динамическая загрузка отдельной части содержания страницы сайта с помощью JavaScript. На страницах сайта этот блок будет отображается, а в исходном коде — нет. Также поисковики не смогут найти элемент, выводимый через AJAX.