Как подключить js файлы и css файлы в wordpress?

Пользователь

от maya , в категории: PHP , год назад

Как подключить js файлы и css файлы в wordpress?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

1 ответ

Пользователь

от brenna , год назад

@maya 

Есть несколько способов подключить JavaScript и CSS файлы в WordPress.

  1. Использование функции wp_enqueue_script() для подключения JavaScript файлов:
1
2
3
4
function wpb_adding_scripts() {
    wp_enqueue_script('my-js', get_template_directory_uri() . '/js/my-script.js', array(), '1.0', true);
}
add_action('wp_enqueue_scripts', 'wpb_adding_scripts');


  1. Использование функции wp_enqueue_style() для подключения CSS файлов:
1
2
3
4
function wpb_adding_styles() {
    wp_enqueue_style('my-css', get_template_directory_uri() . '/css/my-style.css', array(), '1.0', 'all');
}
add_action('wp_enqueue_scripts', 'wpb_adding_styles');


  1. Альтернативный способ - добавление стилей и скриптов напрямую в файле header.php или footer.php вашей темы:
1
2
<link rel="stylesheet" type="text/css" href="<?php echo get_template_directory_uri(); ?>/css/my-style.css">
<script src="<?php echo get_template_directory_uri(); ?>/js/my-script.js"></script>


Оба способа будут правильно подключать файлы в WordPress. Однако, рекомендуется использовать первый метод с функциями wp_enqueue_script() и wp_enqueue_style(), так как они автоматически обрабатывают возможные зависимости и минификацию файлов.