Libraries of GSAP , ScrollTrigger and Particles (min)

1) was uploaded into directory (from point of view FTP structure): …/kadence/assets/js

2)  in the localisation ../wp-content/themes/kadence (file functions.php) added function which load lib. GSAP

function enqueue_custom_scripts() {
// Ścieżka do katalogu z zasobami
$assets_path = get_template_directory_uri() . ‘/assets/js/’;

// Dodanie pliku gsap.min.js
wp_enqueue_script(‘gsap’, $assets_path . ‘gsap.min.js’, array(), null, true);

// Dodanie pliku ScrollTrigger.min.js
wp_enqueue_script(‘scrolltrigger’, $assets_path . ‘ScrollTrigger.min.js’, array(‘gsap’), null, true);

// Dodanie pliku particles.min.js
wp_enqueue_script(‘particles’, $assets_path . ‘particles.min.js’, array(), null, true);
}
add_action(‘wp_enqueue_scripts’, ‘enqueue_custom_scripts’);

  • get_template_directory_uri() zwraca URL do katalogu motywu.

  • wp_enqueue_script dodaje skrypty do kolejki ładowania WordPressa.

  • array('gsap') w drugim wp_enqueue_script oznacza, że ScrollTrigger.min.js zależy od gsap.min.js i zostanie załadowany po nim.

Portfolio