Czy chcesz wiedzieć, jak dodać własne skrypty JavaScript i CSS do swojego motywu WordPress? Użyj funkcji wp_enqueue_script i wp_enqueue_style, aby wczytać je poprawnie. Poniżej znajdziesz przykładowy kod, który doda skrypty na stronie głównej, konkretnej stronie oraz na wszystkich podstronach.
function dodaj_wlasne_skrypty_do_stopki() {
/*-----------------------js-----------------------*/
// Dodaj skrypt tylko na stronie głównej
if (is_home()) {
wp_enqueue_script('main-js', get_stylesheet_directory_uri() . '/js/main-site-sajan.js', array(), '1.0', true);
}
// śmigacz dodaj do głównej lub "jak-pocmoc"
if(is_home || is_page('jak-pomoc')){
wp_enqueue_script('smigacz', get_stylesheet_directory_uri() . '/js/smigacz-sajan.js', array(), '1.0', true);
}
//skrypt na kazda podstrone cookies itp
wp_enqueue_script('custom-script', get_stylesheet_directory_uri() . '/js/every-site-sajan.js', array(), '1.0', true);
/*-----------------------css-----------------------*/
wp_enqueue_style('style-css', get_template_directory_uri() . '/style.css?');
wp_enqueue_style('style-devblog-css', get_stylesheet_directory_uri() . '/css/devblog.css?');
}
add_action('wp_enqueue_scripts', 'dodaj_wlasne_skrypty_do_stopki');
Uwaga!
Mamy dwie funkcje wp zwracające katalog szablonu: (get_template_directory_uri() i get_stylesheet_directory_uri() ).
W wypadku samodzielnogo theme będą działać tak samo, ale w przypadku child theme get_template_directory_uri() zwróci katalog główny nadrzędnego theme, a get_stylesheet_directory_uri() bierzącego.
