Подключение скриптов в файле functions.php

    Возможно многие кто впервые создавал тему для WordPress сталкивались с неправильным подключением скриптов и стилей. Для того чтобы правильно подключить скрипты, иначе говоря чтобы они работали нужно указывать как минимум их зависимость. Вот код для подключения всего этого добра.

    add_action('wp_print_styles', 'add_my_stylesheet');
    
    function add_my_stylesheet() {
        $path = get_bloginfo('template_directory') . "/"; //Получаю url к папке с темой
        wp_register_style('themeStyle', $path . 'style.css');//Регистрирую таблицу
        wp_enqueue_style('themeStyle');//включаю
    }
    
    add_action('wp_enqueue_scripts', 'add_my_scripts');
    
    function add_my_scripts() {
        $path = get_bloginfo('template_directory') . "/";//Получаю url к папке с темой
        if (!is_admin()) {//если не в админке
            wp_deregister_script('jquery');//Убираем вывод jquery, rкоторый идет с WP
            wp_register_script('jquery', ($path . "js/jquery-1.11.3.min.js"), false, '1.11.3');//Регистрируем свой jquery
            wp_enqueue_script('jquery');//Включаем его
        }
        wp_register_script('commonJS', ($path . "js/common.js"), array('jquery'));//Регистрируем свой скрипт, и указываем что для него необходим скрипт jquery
        wp_enqueue_script('commonJS');//Включаем скрипт
        wp_localize_script('commonJS', 'myajax', array(//Это способ передачи php значение в js.Т.е. перед выводом commonJs создадутся js переменные.
            'url' => admin_url('admin-ajax.php'),
            'nonce' => wp_create_nonce('myajax-nonce'),
                )
        );
    }

     

     

    Поделиться ссылкой:

    Метки:

    Оставить комментарий

    avatar
      Подписаться  
    Уведомление о