wp_enqueue_scripts
Спрацьовує в момент підключення у чергу на виведення файлів стилів та скриптів.
На цей хук прийнято вішати функції, які включають стилі та скрипти теми. Тобто. через цей хук прийнято підключати файли стилів та скриптів: дивіться wp_enqueue_style() .
Ця обставина спрацьовує на момент хука wp_head з пріоритетом 1, тобто. так:
add_action( 'wp_head', 'wp_enqueue_scripts', 1);
Список скриптів WP з коробки дивіться за цим посиланням .
Використання
add_action( 'wp_enqueue_scripts', 'wp_kama_enqueue_scripts_action' ); /** * Function for `wp_enqueue_scripts` action-hook. * * @return void */ function wp_kama_enqueue_scripts_action(){ // action... }
Приклади
#1 Підключення стилів та скриптів теми
Для теми/плагіна правильно підключати стилі та скрипти через хук wp_enqueue_scripts :
// правильний спосіб підключити стилі та скрипти теми add_action( 'wp_enqueue_scripts', 'theme_add_scripts'); function theme_add_scripts() { // Підключаємо файл стилів теми wp_enqueue_style( 'style-name', get_stylesheet_uri() ); // підключаємо js файл теми wp_enqueue_script( 'script-name', get_template_directory_uri() .'/js/example.js', array(), '1.0', true ); }
список змін
З версії 2.8.0 | Введено. |
Де викликається хук
wp_enqueue_scripts
wp-includes/script-loader.php 2156
do_action( 'wp_enqueue_scripts');
Де використовується хук у WordPress
wp-includes/class-wp-customize-nav-menus.php 1322
add_action( 'wp_enqueue_scripts', array( $this, 'customize_preview_enqueue_deps' ) );
wp-includes/class-wp-customize-widgets.php 1170
add_action( 'wp_enqueue_scripts', array( $this, 'customize_preview_enqueue' ) );
wp-includes/default-filters.php 557
add_action( 'wp_enqueue_scripts', 'wp_localize_jquery_ui_datepicker', 1000);
wp-includes/default-filters.php 558
add_action( 'wp_enqueue_scripts', 'wp_common_block_scripts_and_styles');
wp-includes/script-loader.php 3527
add_action( 'wp_enqueue_scripts', $fn_generate_and_enqueue_styles );