Wsparcie » Motywy » Własny szablon i javascript

  • Rozwiązano pesymistyk

    (@pesymistyk)


    Witam, jakiś czas temu postanowiłem stworzyć własny szablon dla WP. Mam jednak problem z dołączeniem plików js. Wszędzie w internecie piszą, że trzeba użyć funkcji wp_register_script(). Nie ma jednak informacji jak i w jakim pliku trzeba ją dodać… Moj szablon ogranicza się do „indexu” i pliku css. Możliwe, że rozwiazanie jest banalne, ale to moje pierwsze starcie z WP i liczę na wyrozumiałość 🙂

Viewing 4 replies - 1 through 4 (of 4 total)
  • 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.

    Thread Starter pesymistyk

    (@pesymistyk)

    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.

    Thread Starter pesymistyk

    (@pesymistyk)

    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 🙂

Viewing 4 replies - 1 through 4 (of 4 total)
  • Temat ‘Własny szablon i javascript’ jest zamknięty na nowe odpowiedzi.