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”.