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. Na moim blogu dzielę się prostymi sposobami na bezwtyczkowe ulepszenie swojej strony WordPress. Jeśli brakuje Ci czegoś w tym wpisie lub chcesz, abym poruszyła temat, na którym Ci zależy, daj znać w komentarzu!

Dodaj komentarz

*

*

*

Twój adres e-mail nie zostanie opublikowany. Wymagane pola są oznaczone *