Witam,
Zanim rozpoczniesz pracę z szablonami w WordPress polecam obejrzeć kilka poradników, dotyczących standardom, np. struktury plików szablonu WordPress, najlepszym miejscem do tego będzie Codex.
Co do Twojego pytania, musisz utworzyć plik functions.php i w nim zainicjować plik js.
Przykładowe dołączanie skryptów:
function nazwaszablonu_scripts() {
//CSS
wp_enqueue_style ('style', get_stylesheet_directory_uri() . '/style.css', array(), 'all' );
//JS
wp_enqueue_script( 'przyklad-js', get_template_directory_uri() . '/js/przyklad.js', array( 'jquery' ), 1.0, true );
}
add_action( 'wp_enqueue_scripts', 'ample_scripts' );
Pliki JavaScript powinny znajdować się w osobnym folderze, np. js.
Dzięki za odpowiedź NatanZ 😉 zrobiłem tak jak pokazałeś, ale chyba wciąż jest coś nie tak… Pliki co prawda dołączają się, ale w źródle strony są dopiero na końcu, (chyba) w miejscu wp_footer().
Co do Codexu, to poszukam chyba czegoś w naszym języku, zawsze to lepiej mieć pewność że dobrze się zrozumiało 😉
Jeśli chcesz aby skrypt ładował się w <head> musisz zmienić „true” na „false”
//JS
wp_enqueue_script( 'przyklad-js', get_template_directory_uri() . '/js/przyklad.js', array( 'jquery' ), 1.0, true );
na:
//JS
wp_enqueue_script( 'przyklad-js', get_template_directory_uri() . '/js/przyklad.js', array( 'jquery' ), 1.0, false );
Jednakże nie polecam tego, skrypty JS powinny ładować się jako ostatnie co przyśpieszy ładowanie strony.
Dzięki jeszcze raz NatanZ, wszystko już działa 😉 w moim szablonie używam tylko 3 skryptów, myślę że to nie spowoduje większych problemów z szybkością ładowania 🙂
