Dodaj JavaScript do WordPressa: jak to zrobić łatwo
Osoby korzystające z WordPressa powinny dowiedzieć się więcej o JavaScript i jego wykorzystaniu na stronie internetowej. Aby dodać JavaScript do WordPressa, musisz znaleźć najbardziej odpowiedni sposób na zaimplementowanie go na własnej stronie internetowej.
Badania mają ogromne znaczenie, ponieważ zła implementacja JavaScript może prowadzić do konsekwencji, które będą trudne do naprawienia.
Co to jest JavaScript WordPress?
WordPress JavaScript to sposób na dodanie dodatkowych funkcji do strony internetowej bez spowalniania jej. JavaScript reprezentuje język programowania, który działa w przeglądarce użytkownika. Ten rodzaj programowania oferuje programistom możliwość dodawania różnego rodzaju funkcji do swoich witryn, takich jak wbudowane odtwarzacze wideo, kalkulatory lub inne usługi. Wystarczy skopiować fragment kodu JavaScript i wkleić go do kodu witryny.
Dlaczego powinieneś dodać niestandardowy JavaScript w WordPressie?
Istnieje wiele powodów, dla których powinieneś dodać JavaScript do WordPressa, ale aby to zrobić, musisz być świadomy tego, jak strona jest zakodowana. Podczas kodowania witryny WordPress istnieją trzy elementy, które mogą ci pomóc:
- HTML
- CSS
- JavaScript
Aby stworzyć bardzo solidną podstawę dla witryny WordPress, możesz użyć HTML i CSS. Mimo że świetnie nadają się do tworzenia fundamentów witryny, są ograniczone pod względem zmiany zachowania witryny. Jeśli chcesz, aby Twoja witryna działała w określony sposób, możesz użyć JavaScript, aby wykonać jedną z następujących czynności:
- Zmiana, ukrywanie lub wyświetlanie niektórych elementów HTML na stronie internetowej
- Dodawanie wartości do zmiennych CSS, a także wykonywanie bardziej złożonych operacji (scalanie zmiennych lub wprowadzanie elementów do interakcji poprzez kliknięcie)
- Zmiana układu motywu WordPress poprzez dodanie w nim kolejnego bloku kodu
- Modyfikowanie określonej funkcjonalności wtyczki WordPress
- Wzbogacenie strony internetowej o treści dynamiczne (animacje, filmy itp.)
- Umieszczanie zewnętrznego elementu na stronie (interfejsy API)
Wszystko to – a nawet więcej – można zrobić za pomocą JavaScript.
Używanie wstawianych nagłówków i stopek do dodawania kodu JavaScript
Dodając JavaScript do WordPressa, wystarczy skopiować i wkleić blok kodu JavaScript na stronie internetowej. Ta prosta czynność dodaje do witryny narzędzie innej firmy, czy to odtwarzacz wideo, czy inny element. Te fragmenty kodu zostały dodane bezpośrednio pod sekcją nagłówka lub tuż przed tagiem w głównym kodzie witryny. Ma to wpływ na to, gdzie element zostanie umieszczony. Aby aktywować tę wtyczkę, która nazywa się Wstaw nagłówki i stopki, musisz ją najpierw zainstalować.
Aby aktywować go po instalacji, wystarczy przejść do Ustawienia, a następnie strony Wstaw nagłówki i stopki. Istnieją dwa różne pola, które możesz zaznaczyć – jedno dla nagłówka, drugie dla stopki. Po aktywacji tej wtyczki możesz po prostu wkleić fragment kodu JavaScript i kliknąć Zapisz. Ponieważ wtyczka jest aktywna, wklejony fragment kodu zostanie automatycznie załadowany na wszystkich stronach Twojej witryny. To najbardziej podstawowa wiedza, której potrzebujesz, aby dodać JavaScript do WordPressa.
Wyłączanie filtrowania WordPress
Używając JavaScript w WordPressie, powinieneś również wyłączyć blokowanie tagów skryptu z JavaScript. To ustawienie można znaleźć w wp-config.php, który znajduje się w głównym katalogu WWW. Aby włączyć niestandardowe tagi, dodaj tam ten wiersz kodu:
define( 'CUSTOM_TAGS', true );
Po przejściu na stronę functions.php skopiuj i wklej ten fragment kodu w swoim kodzie podstawowym:
function add_scriptfilter( $string) {global $allowedtags;$allowedtags['script'] = array( 'src' => array() );return $string;}add_filter( 'pre_kses', 'add_scriptfilter' );
Dodatkowa wskazówka: użycie tej metody oznacza wyłączenie funkcji bezpieczeństwa na swojej stronie internetowej dla dowolnego poziomu uprawnień użytkownika. Użyj tej metody tylko wtedy, gdy głęboko ufasz swoim autorom. Włączenie tagu skryptu jest czasami ryzykowne w ten sposób.
Dowiedz się, jak używać wtyczki Script n Styles
Możesz dodać JavaScript do WordPressa za pomocą wtyczki. Normalnie musiałbyś załadować JavaScript w tagach i. Aby globalnie załadować JavaScript, można użyć wtyczki. Responsywnym jest Script n Styles. Możesz umieścić skrypty w całej witrynie lub umieścić je na stronie, a nawet na poziomie postu. Możesz także modyfikować uprawnienia użytkownika. Autorzy mogą publikować posty i aktywować JavaScript, a współtwórcy mogą zapisywać posty bez ich publikowania.
Użyj zaawansowanych pól niestandardowych
Jeśli zastanawiasz się, jak najłatwiej dodać JavaScript do WordPressa, ta wtyczka może być rozwiązaniem. Po zainstalowaniu i aktywacji wtyczki możesz uzyskać dostęp do opcji Pola niestandardowe w menu administracyjnym. Następnie możesz kliknąć Dodaj nowy. Celem jest dodanie pola, do którego administratorzy mają dostęp i które może osadzić plik źródłowy JavaScript lub kod JavaScript w tagach.
- Pierwszym krokiem jest nazwanie grupy pól. Można to zrobić, włączając regułę wyświetlającą tę opcję, jeśli użytkownik logujący się jako Administrator. Oznacza to, że tylko administrator może je dodać na stronie.
- Pola powinny być wyświetlane pod obszarem zawartości, co oznacza, że wybierasz opcję Standard, jeśli chodzi o wybór stylu grupy pól. Ustaw formatowanie pola na „Konwertuj HTML na tagi". Spowoduje to dobry wynik, w przeciwnym razie może to być źle przetłumaczone.
- Dodaj następujący kod w pliku header.php:
<?php the_field('header_script'); ?>
Należy to dodać przed .
<?php the_field('footer_script'); ?>
Należy to dodać przed .
- Zapisz pliki szablonów, zaktualizuj stronę i kliknij Opublikuj.
Strona zostanie opublikowana z dodanym JavaScriptem. Zaawansowane pola niestandardowe są odpowiednią opcją, jeśli potrzebujesz więcej funkcji dla użytkowników, stron, które są już opublikowane i tak dalej.
Hej, czy wiesz, że dane też mogą być piękne?
wpDataTables może to zrobić. Nie bez powodu jest to wtyczka nr 1 WordPress do tworzenia responsywnych tabel i wykresów.
Rzeczywisty przykład wpDataTables w środowisku naturalnym
I naprawdę łatwo jest zrobić coś takiego:
- Podajesz dane tabeli
- Skonfiguruj i dostosuj go
- Opublikuj go w poście lub na stronie
I to nie tylko ładne, ale i praktyczne. Możesz tworzyć duże tabele z milionami wierszy, możesz użyć zaawansowanych filtrów i wyszukiwania, albo możesz poszaleć i udostępnić je do edycji.
„Tak, ale po prostu za bardzo lubię Excela, a na stronach internetowych nic takiego nie ma”. Tak, jest. Możesz użyć formatowania warunkowego, takiego jak w Excelu lub Arkuszach Google.
Czy mówiłem ci, że możesz też tworzyć wykresy ze swoich danych? A to tylko niewielka część. Istnieje wiele innych funkcji dla Ciebie.
Końcowe myśli o tym, jak dodać JavaScript do WordPressa
Te wskazówki powinny wystarczyć, aby nauczyć Cię, jak w prosty sposób dodać JavaScript do WordPressa, nie napotykając żadnych problemów. Gdy zrobisz to raz, drugi raz będzie znacznie łatwiejszy i mniej czasochłonny.
Jeśli podobał Ci się ten artykuł o tym, jak dodać JavaScript do WordPressa, powinieneś zapoznać się z tym, jak zresetować WordPress.
Napisaliśmy również o kilku powiązanych tematach, takich jak zmiana adresu URL WordPress, jak osadzić wideo w WordPress, jak edytować kod HTML w WordPress, jak zduplikować stronę w WordPress, jak edytować role użytkowników WordPress i jak dodać polecany obraz WordPress.