Как подключить модуль js в wordpress?

Question

[Kryptonit]

У меня есть анимационная js библиотека на сайте (модуль), в неё что-то динамически передаётся со страницы, можно ли её так же динамически подключить в wp?
index.php:

<script type = 'module'>
        import {THE_ANIMATION_PAWS_MODULE} from <? get_template_directory_uri() . '/assets/js/pawsScript.js' ?>
        let Number_paws = 10 
        let Animation_Speed = 20 
        let Height_Animation = 2000 
        let mobile = "False" 
        let stateBodyHeight = "True" 
        THE_ANIMATION_PAWS_MODULE(Number_paws, Animation_Speed, Height_Animation, mobile, stateBodyHeight)
      
    </script>
    <?
        wp_footer()
    ?>

functions.php:

function mainfeedscripts(){
        wp_register_script('pawsScript', get_template_directory_uri() . '/assets/js/pawsScript.js', array(), '2', true);
        wp_enqueue_script('pawsScript');
    }

Comments

[yarovikov]

кровь из глаз фонтаном

[Kryptonit]

yarovikov, поясни

[Александр Соболев]

Kryptonit
1. нужно немного переписать обертку. в WP не , а скорее jQuery(document).ready(и понеслась..
2. Почитайте про add_action.
3.

Бонус

<?php
/*
Plugin Name: Your_JS_Includer
Plugin URI: http://александрсоболев.рф
Description: Плагин пример подключения JS
Version: 100.500
Author URI: http://vk.com/san_jorich
*/

function  your_js_includer(){
    wp_register_script('your_js_script', plugin_dir_url( __FILE__ ) .'js/file_with_your_code.js' );
	wp_enqueue_script('your_js_script');
	wp_localize_script( 'your_js_script', 'ajax_url', admin_url('admin-ajax.php') );		
    
}	

add_action('wp_enqueue_scripts','your_js_includer');
add_action( 'wp_ajax_your_js_includer', 'your_js_includer' );
add_action( 'wp_ajax_nopriv_your_js_includer', 'your_js_includer' );
	
?>

yarovikov, ну.. может человек впервые с WP ;)

Answer 1

[Артем Золин]

Дополнительный скрипт можно подключить с помощью wp_add_inline_script()

add_action( 'wp_enqueue_scripts', 'mainfeedscripts' );
function mainfeedscripts() {
	wp_enqueue_script( 'pawsScript', get_template_directory_uri() . '/assets/js/pawsScript.js', array(), '2', true );

	$pawsScriptInit = '
		import {THE_ANIMATION_PAWS_MODULE} from ' . get_template_directory_uri() . '/assets/js/pawsScript.js
		let Number_paws = 10 
		let Animation_Speed = 20 
		let Height_Animation = 2000 
		let mobile = "False" 
		let stateBodyHeight = "True" 
		THE_ANIMATION_PAWS_MODULE(Number_paws, Animation_Speed, Height_Animation, mobile, stateBodyHeight)
	';

	wp_add_inline_script( 'pawsScript', $pawsScriptInit );
}

Comments

[Kryptonit]

спасибо, не знал что так можно