Jak dodać kod JavaScript do strony WordPress

Dodanie kodu CSS do strony WordPress jest proste, wystarczy przejść do Wygląd → Dostosuj → Dodatkowy CSS. A co z JavaScriptem? WordPress domyślnie nie oferuje mechanizmu, który pozwalałby to zrobić, musisz bowiem wiedzieć, że dodawanie kodu JavaScript bezpośrednio z poziomu panelu administratora może być niebezpieczne. Dlatego najlepiej zrobić to, modyfikując pliki motywu. Poniżej opisuję jednak również inne sposoby.

Plik footer.php w motywie potomnym (zalecany sposób)

Jeśli masz motyw potomny, sprawa jest prosta – edytujesz plik footer.php i wklejasz kod JavaScript tuż przed zamykającym tagiem </body>:

<script>
  /* kod */
</script>

Jeśli nie masz motywu potomnego, możesz go utworzyć według tej procedury: Jak prawidłowo modyfikować pliki motywu WordPressa, lub skorzystać z opisanych poniżej wtyczek.

Wtyczka Code Snippets

Być może używasz już na stronie bardzo popularnej wtyczki Code Snippets. Wtedy możesz użyć jej, ale kod musi być przekształcony w kod PHP:

add_action('wp_footer', function() {
    echo '<script>
    /* kod */
    </script>';
});

Jeśli chcesz, aby Twój kod JavaScript znalazł się na samym dole, tuż przez zamykającym tagiem </body>, musisz ustawić wysoki priorytet dla podanej wyżej akcji (jeśli go nie ustawisz, zastosowany będzie domyślny priorytet 10):

add_action('wp_footer', function() {
    echo '<script>
    /* kod */
    </script>';
}, 999999);

Uwaga: ten kod możesz również wkleić do pliku functions.php w Twoim motywie potomnym. Zadziała tak samo.

Wtyczka Insert Headers and Footers by WPBeginner

Zainstaluj wtyczkę Insert Headers and Footers by WPBeginner, aktywuj ją i przejdź do Ustawienia → Insert Headers and Footers. Kod JavaScript wklej do sekcji "Scripts in Footer".

Pani Marta
Jestem Marta. Pani Marta. I piszę o rzeczach, które inspirują mnie i ciekawią w pracy web developera. Na moim blogu znajdziesz porady dotyczące WordPressa i programowania stron, a także moje osobiste przemyślenia na najróżniejsze tematy.

Masz pytania lub uwagi? Zostaw komentarz :-)

Pola oznaczone gwiazdką są obowiązkowe.

Podaj swoje imię lub nazwę. Ta nazwa będzie widoczna przy Twoim komentarzu.
Napisz komentarz.