В настоящее время я работаю над сайтом портфолио и пытаюсь интегрировать действительно удобную функцию под названием particles.js. Он отлично работает и его очень легко интегрировать в статическую HTML-страницу, но проблема в том, что я разрабатываю собственную тему WordPress и продолжаю получать ошибки. Я использую назначенный CDN для ввода сценария для частиц.js, и у меня есть файлы json и приложения, сохраненные локально в моих файлах. Я использую enqueue для обоих js-файлов, необходимых для работы этой библиотеки. Я сошлюсь на код для двух локальных файлов, а также на CDN!
Ссылка на два файла находится здесь: https://gist.github.com/anonymous/5c6dc4675e93afb53ef97192628f2fe1
Ссылка на CDN находится здесь: https://www.jsdelivr.com/package/npm/particles.js
и код постановки в очередь выглядит следующим образом:
function wpb_adding_scripts() {
wp_enqueue_script('jquery');
wp_register_script('particles',
'https://cdn.jsdelivr.net/npm/[email protected]/particles.min.js');
wp_enqueue_script('particles');
wp_register_script('app', get_template_directory_uri() . '/js/app.js');
wp_enqueue_script('app');
}
add_action ('wp_enqueue_scripts', 'wpb_adding_scripts');
Это ошибки, которые я получаю:
Я пробовал несколько вещей, и ничего не работает. Я пытался запустить его в разных браузерах, но все равно он просто не хочет работать. Как я уже говорил ранее, он отлично работает на статической HTML-странице, но не работает с WordPress … Мне действительно нужна помощь в этом, потому что я не нашел никакой информации об интеграции этой библиотеки с сайтом WordPress, поэтому любые входные данные высоко ценятся. Спасибо!
Пожалуйста, попробуйте это
function wpb_adding_scripts() {
wp_enqueue_script( 'particles','https://cdn.jsdelivr.net/npm/[email protected]/particles.min.js', array('jquery'), true);
wp_enqueue_script( 'app', get_template_directory_uri() . '/js/app.js', array('jquery'), true);
}
add_action( 'wp_enqueue_scripts', 'wpb_adding_scripts' );
Других решений пока нет …