Dodaj Javascript do WordPressa

Istnieje zazwyczaj wiele powodów, dla których chcesz dodać JavaScript do WordPressa, czy to mała modyfikacja funkcji, czy może chcesz dodać skrypt innej firmy. Niezależnie od powodu, dla którego chcesz to zrobić, musisz upewnić się, że nie zrobisz tego źle — ponieważ możesz uszkodzić swoją witrynę lub stworzyć wąskie gardło wydajnościowe.

Bezpośrednie dodawanie kodu JavaScript do stron i wpisów WordPressa nie jest możliwe, dlatego zaproponujemy kilka różnych sposobów dodawania kodu JavaScript do witryn internetowych i wskażemy, które z nich należy stosować w różnych okolicznościach, z jakimi możesz się spotkać. 

Jeśli się spieszysz, skorzystaj ze spisu treści poniżej, aby przewinąć do odpowiedniej części artykułu.

{automatycznie}

 

Ten artykuł zawiera zmiany w kodzie WordPressa. Jeśli nie masz pewności, czy sam możesz modyfikować kod, możesz chcieć dowiedz się, jak zrekrutować najlepszego programistę WordPress dla swojej firmy lub sprawdź poniższe tanie opcje rozwoju. 

Jeśli nie masz pewności, czy to jest dla Ciebie odpowiednie i jak szybko to zrobić, sprawdź kilka zleceń na Fiverr, które mogą szybko to dla Ciebie zrobić

logo piątki

Kliknij tutaj, aby znaleźć tanich ekspertów od poprawek WordPress

Co to jest JavaScript?

Jeśli czytasz ten wpis, prawdopodobnie wiesz już, czym jest JavaScript.

Jednak, aby było to dostępne dla wszystkich, szybko opiszemy, czym jest JavaScript i co robi. Możesz pominąć tę część, jeśli już wiesz.

JavaScript to język programowania, który działa w przeglądarce. Może być wywoływany z serwera WWW, ale działa w przeglądarce odwiedzającego.

Daje to spore możliwości wykorzystania fajnych funkcji, na przykład osadzania wideo i dodawania funkcji.

Możesz na przykład użyć JavaScriptu do osadzenia odtwarzacza wideo, dzięki czemu Twój serwer WWW nie będzie musiał się tym zajmować.

Poprawia to komfort użytkowania, ponieważ zawiera wideo, bez obciążania serwera WWW koniecznością odtwarzania wideo.

JavaScript jest również używany w aplikacjach mobilnych, grach, aplikacjach serwerowych, programowaniu front-endowym i, ostatnio, w programowaniu związanym ze sztuczną inteligencją.

Czy można używać JavaScript w WordPressie?

Tak, możesz używać JavaScript w WordPressie. Biorąc pod uwagę wrodzoną elastyczność CMS-a, możesz używać JavaScript do dodawania interaktywnych elementów lub umieszczania zewnętrznych interfejsów API na stronie.

Zastosowania JavaScript są liczne i zróżnicowane, ale ponieważ JavaScript jest uruchamiany przez przeglądarkę użytkownika, może wykonywać wiele czynności bez spowalniania serwera WWW.

Skrypt można dodać na kilka sposobów, które omówimy za chwilę.

Zanim dokonasz jakichkolwiek zmian w plikach, zalecamy utworzenie motywu potomnego i/lub wykonanie kopii zapasowej witryny.

Nigdy nie można być zbyt ostrożnym!

Jak dodać JavaScript do WordPressa

Istnieje wiele sposobów na dodanie niestandardowego kodu JavaScript do witryny WordPress, każdy z nich ma swoje własne zastosowanie:

  1. Dodaj skrypt do wybranych stron za pomocą wtyczki, np. WPCode
  2. Dodaj skrypt do konkretnej lub pojedynczej strony swojego wyboru, lub do wielu stron za pomocą functions.php
  3. Dodaj JavaScript do wszystkich stron
  4. Dodaj plik Javascript do nagłówka swojego motywu
  5. Dodawanie niestandardowego JavaScript za pomocą haka wp_head
  6. Dodaj JavaScript do stopki WordPress
  7. Dodawanie JavaScript do wideo WordPress
  8. Dodaj JavaScript do widżetu WordPress

Przyjrzyjmy się bliżej każdej z tych metod.

Następnie szybko pokażemy, jak debugować JavaScript po dodaniu go do strony.

Note: Niektóre z tych technik obejmują wprowadzanie zmian w plikach rdzeniowych. Chociaż zwykle nie jest dobrym pomysłem zmienianie functions.php i innych plików rdzeniowych WordPress, chcemy pokazać Ci wszystkie sposoby dodawania kodu.

Niekoniecznie zalecamy wprowadzanie zmian w ten sposób, ale wierzymy, że lepiej jest podać Ci wszystkie informacje i dopiero wtedy podjąć decyzję.

1. Użyj wtyczki takiej jak WPCode

Jeśli chcesz po prostu użyć wtyczki do osadzenia odwołania JavaScript do pliku nagłówka lub stopki motywu WordPress, wtyczka WPCode jest łatwą i bezpłatną opcją.

Zalecamy korzystanie z wtyczki przy każdej zmianie kodu, ponieważ pozwala to zachować porządek i uniknąć problemów w przyszłości.

Zamiast modyfikować pliki motywu bezpośrednio przy użyciu niestandardowego kodu JavaScript, możesz skorzystać z wtyczki, która umożliwia wstawienie kodu, który następnie zostanie dodany do nagłówka lub stopki Twojej witryny, w zależności od wybranych opcji. 

Ta wtyczka obsługuje kilka różnych opcji, dlatego opiszemy tylko te najpopularniejsze, z których będziesz musiał skorzystać.

Możesz pobierz WPCode tutaj lub zainstaluj ją korzystając z funkcji Zainstaluj wtyczki WordPress.

Zainstaluj wtyczkę WPCode:

  • Zaloguj się do zaplecza lub panelu administratora swojej witryny.
  • Iść do Wtyczki > Dodaj nowy
  • Wyszukaj wtyczkę „WPCode” i kliknij zainstaluj teraz.
  • Po zainstalowaniu kliknij Aktywuj

zainstaluj wpcode

 

Teraz możesz załadować niestandardowy skrypt bez pliku (np. aby dodać otrzymany skrypt, taki jak Google Analytics) lub przesłać niestandardowy plik JavaScript. 

Najczęściej stosowaną opcją tej wtyczki jest możliwość dodania kodu bezpośrednio do WordPressa.

Można z tego skorzystać, gdy korzystasz z usługi innej firmy, takiej jak Google Analytics, Drip lub innego narzędzia, które wymaga dodania skryptu do Twojej witryny. Po prostu weź skrypt i upuść go w Globalny nagłówek i stopka okno.

Możesz wybrać dodanie skryptu do nagłówka, treści lub stopki. Powinieneś otrzymać wskazówki od dostawcy skryptu, do której z tych sekcji musisz dodać skrypt.

Załóżmy, że chcesz dodać to do nagłówka:

dodawanie kodu javascript do nagłówka wordpress

Kliknij Zapisz zmiany skończyć.

Wtyczka WPCode doda teraz kod do każdej strony Twojej witryny.

Przeładuj front-end i sprawdź źródło swojej witryny, aby upewnić się, że kod jest teraz wyświetlany. Dobrym pomysłem jest również przejrzenie kilku stron, aby upewnić się, że wszystko nadal działa prawidłowo.

WPCode umożliwia również tworzenie własnych fragmentów kodu.

Fragmenty kodu możesz również wstawiać w dowolnym miejscu swojej witryny, np. wewnątrz wpisów lub stron, przed lub po wpisie, przed lub po treści, a także w wielu innych miejscach, w których możesz potrzebować kodu.

Po prostu przejdź do Fragmenty kodu > Dodaj fragment kodu a następnie wybierz Stwórz swój własny.

dodaj swój niestandardowy kod

Teraz zostaniesz przeniesiony do Utwórz niestandardowy fragment kodu strona, na której możesz nadać kodowi tytuł i wkleić go do Podgląd kodu pudełko.

utwórz niestandardowy fragment kodu JavaScript

Następnie z Typ kodu menu rozwijane, wybierz Fragment kodu JavaScript.

fragment kodu JavaScript

Następnie po prostu przewiń w dół, aż dojdziesz do Wprowadzenie powierzchnia.

Pozostaje tylko wybrać lokalizację kodu z menu rozwijanego. Zlokalizuj Strona, Post, Niestandardowy typ posta i określ, gdzie na stronie lub we wpisie chcesz, aby kod był wyświetlany.

Jeśli chcesz, aby WPCode umieścił fragment kodu przed lub po akapicie, możesz określić, przed którym akapitem wpisu powinien się on pojawić, a po którym.

Jeśli na przykład wpiszesz 1 w polu „Wstaw numer”, fragment kodu pojawi się przed lub po pierwszym akapicie. W przypadku drugiego akapitu użyj 2 itd.

Następnie wystarczy przełączyć przełącznik znajdujący się w górnej części ekranu, aby Aktywna, a następnie kliknij przycisk Zapisz fragment opcję obok.

To wszystko, co potrzeba, aby dodać JavaScript do WordPressa!

Główną zaletą korzystania z wtyczki jest to, że jest to przyjazna dla początkujących opcja. Nie musisz martwić się o edycję plików swojego motywu. Wtyczka WPCode może się również przydać, jeśli szukasz płynnego sposobu dodawania innych typów kodu i niestandardowego CSS.

Wadą tej metody jest jednak konieczność zainstalowania wtyczki innej firmy, czego niektórzy właściciele witryn starają się unikać.

Jeśli chcesz ograniczyć liczbę przedłużeń do minimum, lepszym rozwiązaniem może okazać się zastosowanie jednej z pozostałych metod.  

Choć wydaje się to dość proste, może wykraczać poza Twoją strefę komfortu, więc jeśli chcesz to zrobić szybko, zapoznaj się z kilkoma deweloperzy kto może to dla Ciebie zrobić na Fiverr.

logo piątki

Kliknij tutaj, aby znaleźć tanich ekspertów od poprawek WordPress

 

2. Dodaj JavaScript do określonej strony lub wpisu WordPress

Ta poprawka kodu będzie używać Funkcje plik znajdujący się w folderze szablonu, aby dodać wybrany przez siebie plik .JS do pojedynczej, wybranej przez siebie strony.

Wykorzystuje to Strona_jest funkcja, którą możesz znaleźć tutaj

Możesz użyć również innych opcji, jeśli chcesz dodać skrypt tylko w określonych warunkach, takich jak:

  • is_single(),
  • is_front_page(),
  • is_home,
  • is_admin itd. 

Jeśli chcesz dodać plik do wszystkich stron, przewijaj dalej, aby znaleźć poniżej inne alternatywy dla tej metody.

    • Najpierw musisz określić identyfikator strony, do której chcesz dodać skrypt.
    • Można to zrobić, przechodząc na stronę, do której chcesz dodać plik, i klikając Edytuj a następnie pobierz ID strony z adresu URL, jak widać poniżej. ID to numer znaleziony w adresie URL paska przeglądarki.

identyfikator strony wordpress

  • Teraz, gdy masz już ID strony, musisz przesłać plik .js do lokalizacji. Zalecamy przesłanie pliku .js do folderu szablonu, być może do katalogu podrzędnego.
  • Po przesłaniu pliku musisz dokładnie zanotować katalog i nazwę pliku .JS, której używamy zamiast PATH_TO_JS_FILE poniżej. Na przykład plik może znajdować się w: https://www.yourwebsite.com/wp-content/themes/twentynineteen/js/myjsfile.js
  • Zanotuj sobie cały adres URL i zastąp poniższy PATH_T_JS_FILE. Będziesz musiał również zastąpić ID, które znalazłeś powyżej.
  • Dodaj cały kod poniżej na końcu Funkcje plik twojego szablonu.

funkcjonować collectiveray_załaduj_skrypt_js() {
  jeśli( is_page(ID)) {
    wp_enqueue_script('js-file', 'ŚCIEŻKA_DO_PLIKU_JS', array('jquery'), '', false);
    //lub użyj wersji poniżej, jeśli dokładnie wiesz, gdzie znajduje się plik
    //wp_enqueue_script( 'plik-js', get_template_directory_uri() . '/js/myscript.js');
  }
}

dodaj_akcję('wp_enqueue_scripts', 'collectiveray_załaduj_skrypt_js');

Jeśli dokładnie wiesz, gdzie umieściłeś plik JS, możesz użyć niewielkiej modyfikacji skryptu wp_enqueue_script: 

wp_enqueue_script( 'plik-js', get_template_directory_uri() . '/js/myscript.js');

W tym przypadku plik /js/mysript.js jest lokalizacją pliku, który chcesz dodać.

Po ponownym załadowaniu strony zobaczysz, że plik został dodany. Możesz to potwierdzić, klikając na Wyświetl źródło strony.

Jeśli zamiast dodawać plik Javascript do strony, chcesz dodać go do pojedynczej strony, możemy użyć lekkiej modyfikacji tej funkcji, aby zastosować ją do pojedynczego wpisu. Możesz użyć dowolnej wariacji z poniższych:

  • jest_pojedynczy( '17' ) - używa identyfikatora posta
  • is_single( 'Tytuł mojego wpisu' ) - używa tytułu posta, aby sprawdzić, czy jest to post, do którego należy dodać plik
  • is_single( 'tytuł-mojego-postu' ) - sprawdza zgodność ze ślimakiem postu
  • is_single( array( 17, 'my-post-title', 'Tytuł mojego posta' )) - sprawdza, czy którykolwiek z warunków: identyfikator posta to „17”, ślimak to „my-post-title” lub tytuł to „Tytuł mojego posta”
  • jest_pojedynczy() - inne warianty funkcji is_single wykorzystujące tablicę wartości do sprawdzenia

Kod w tym przypadku wyglądałby następująco lub nieco inaczej, w zależności od parametrów funkcji is_single. 

funkcjonować collectiveray_załaduj_skrypt_js() {
  jeśli( is_single('17') ) {
    wp_enqueue_script('js-file', 'ŚCIEŻKA_DO_PLIKU_JS', array('jquery'), '', false);
    //lub użyj wersji poniżej, jeśli dokładnie wiesz, gdzie znajduje się plik
    //wp_enqueue_script( 'plik-js', get_template_directory_uri() . '/js/myscript.js');
  } 
}

dodaj_akcję('wp_enqueue_scripts', 'collectiveray_załaduj_skrypt_js');

Jeśli masz tytuł posta, możesz użyć tego, zamiast parametru „17”. Ponownie wp_enqueue_script można również zmodyfikować do:

wp_enqueue_script( 'plik-js', get_template_directory_uri() . '/js/myscript.js');

3. Dodaj JavaScript do wszystkich stron

Jak widzieliśmy, najłatwiejszą i najczystszą metodą dodania pliku JavaScript do motywu WordPress jest użycie functions.php plik z wp_enqueue_script.

W tym przypadku zamiast tworzyć warunek dodający treść do konkretnych stron, dodamy ogólną funkcję.

Oto jak to zrobić:

Otwórz swoje functions.php plik i skopiuj do niego poniższy fragment kodu. Upewnij się, że zastąpiłeś adres URL szablonu swoim przed zapisaniem.

funkcjonować collectiveray_funkcja_skryptów_motywu() {
  wp_enqueue_script( 'plik-js', get_template_directory_uri() . '/js/myscript.js');
}
dodaj_akcję('wp_enqueue_scripts','collectiveray_funkcja_skryptów_motywu');

Jeśli jesteś korzystanie z motywu potomnego, musisz użyć get_stylesheet_directory_uri() zamiast get_template_directory_uri() 


Używając tej metody nie musisz instalować innej wtyczki, jeśli edytujesz plik functions.php. Ta metoda może być również używana do dodawania funkcji i funkcjonalności zarówno do motywu, jak i samego WordPressa. To podejście może na przykład zainstalować JavaScript w pojedynczym wpisie lub stronie lub wszystkich stronach.

Główną wadą tej strategii jest to, że wymaga ona od Ciebie zajmowania się kodem i aktualizowania plików Twojej witryny. W rezultacie, jeśli nie masz doświadczenia w tej dziedzinie, może to nie być idealna alternatywa.

logo piątki

Kliknij tutaj, aby znaleźć tanich ekspertów od poprawek WordPress

4. Dodaj JavaScript do nagłówka motywu

W niektórych przypadkach możesz chcieć, aby plik JavaScript był używany w całej witrynie, ale nie chcesz w tym celu używać wtyczki.

Na przykład, jeśli chcesz dodać skrypt innej firmy do wszystkich swoich stron (np. skrypt instantpage.js, aby przyspieszyć działanie witryny), możesz wstawić skrypt lub dodać sam plik skryptu, do którego się odwołuje, w head Twojego header.php plik szablonu. 

TO NIE JEST IDEALNE. Jeśli zaktualizujesz swój motyw, możesz utracić te zmiany. Jeśli nadal chcesz to zrobić bezpośrednio, zdecydowanie zaleca się utworzenie motywu potomnego.

W tym scenariuszu, w którym chcesz, aby ten skrypt został dodany wszędzie, możesz dodać plik bezpośrednio do szablonu, postępując zgodnie z poniższymi instrukcjami:

To wywołanie pliku (lub skryptu) powinno zostać dodane pomiędzy meta tagami a linkiem arkusza stylów. Jest to dokładnie to samo, co dodawanie kodu JavaScript na dowolnej stronie HTML. 

Aby „dodać” plik JavaScript do swojej witryny, w head, użyj następującego kodu:


Upewnij się, że zdefiniowałeś type poprawnie, w przeciwnym razie Twoja witryna nie będzie prawidłowa. Upewnij się również, że katalog /scripts istnieje w motywie i że dodałeś do niego myscript.js.

Następnie możesz dodać do kodu HTML wszelkie odwołania do funkcji użytych w pliku, który właśnie dodałeś, w miejscu, w którym chcesz ich użyć. 

Na przykład, to jest przykład użycia funkcji, którą przed chwilą dodałeś.

" >Nagłówek tutaj

4. Używanie haka wp_head w celu dodania niestandardowego kodu JavaScript


Możesz również dodać niestandardowy kod JavaScript do swojego nagłówka, używając wp_head hook akcji. Ponownie, to rozwiązanie nie jest preferowane, ponieważ generuje nadmierną liczbę skryptów. Niemniej jednak jest lepsze niż ręczne wstawianie skryptów do pliku header.php.

Ta metoda, która może być również używana w przypadku stopki, wykorzystuje haki akcji do wstawiania skryptów wbudowanych do witryny. W przeciwieństwie do funkcji wp enqueue script, która kolejkuje niestandardowe skrypty, metoda wp head drukuje skrypty w szablonie nagłówka (i stopce, jeśli używasz Wp_footer hak).

Aby rozpocząć, przejdź do pliku functions.php, a następnie skopiuj i wklej następujący kod:

funkcja collectiver_custom_javascript() { ?>

<?php } add_action('wp_head', 'collective_custom_javascript');

Warto zauważyć, że hak wp head działa tylko na froncie Twojej witryny. Oznacza to, że żaden niestandardowy JavaScript dodany za pomocą tego podejścia nie pojawi się w obszarach admin lub login. Jednak jeśli chcesz dodać JavaScript do tych lokalizacji, możesz to zrobić, używając haków akcji admin head i login head.

Programiści lubią funkcję skryptu wp enqueue, ponieważ unika konfliktów, które mogą wystąpić w przypadku innych rozwiązań, takich jak bezpośrednie dodawanie skryptów do pliku header.php. Ponadto to rozwiązanie nie generuje żadnych zależnych skryptów.

Głównym problemem związanym z dodawaniem niestandardowego JavaScript WordPress do nagłówka witryny jest to, że może on kolidować z innymi wtyczkami, które ładują własne skrypty. Taka konfiguracja może również powodować wielokrotne ładowanie kilku skryptów, co może spowolnić ogólną szybkość i wydajność witryny.

5. Dodaj JavaScript do stopki WordPress

Dodanie JavaScript do stopki WordPress jest stosunkowo proste. Możesz dodać kod do pliku nagłówka lub stopki, użyć niestandardowego elementu kodu w swoim kreatorze stron lub motywie lub użyć konkretnej wtyczki nagłówka i stopki.

Dodaj JavaScript do stopki WordPress

Ponieważ nie należy dodawać kodu JavaScript do plików header.php lub footer.php, użyjemy wtyczki.

Polecam WPCode – Wstawianie nagłówków i stopek + niestandardowe fragmenty kodu wtyczki.

Wybierz Ustawienia i Wstaw nagłówki i stopki menu.

Następnie wklej kod JavaScript w stopce strony.

Po zakończeniu zapisz zmiany.

JESTEM H

Chcesz szybką stronę internetową?

Kogo ja oszukuję? Czyż nie wszyscy?

Dlaczego więc tak wielu z nas walczy?

Największym wyzwaniem jest zwykle znalezienie szybkiej, niezawodnej firmy hostingowej.

Wszyscy przechodziliśmy przez koszmary – wsparcie trwa wieczność lub nie rozwiązuje naszego problemu, zawsze obwiniając coś po swojej stronie… 

Ale największym problemem jest to, że witryna zawsze działa wolno.

At CollectiveRay hostujemy za pomocą hostingu InMotion, a nasza strona jest głupio szybka. Działamy na niestandardowym stosie konfiguracji serwera LightSpeed ​​na MariaDB z silnikiem PHP 7.4 i frontem przez Cloudflare. 

W połączeniu z naszymi optymalizacjami front-endu niezawodnie obsługujemy 6000 użytkowników każdego dnia, przy szczytowej liczbie 50+ jednoczesnych użytkowników. 

Chcesz uzyskać szybką konfigurację, taką jak nasza? Przenieś swoją witrynę za darmo na hosting InMotion i uzyskaj 50% ZNIŻKI na aktualne ceny.

Wypróbuj InMotion Hosting z 50% ZNIŻKĄ na CollectiveRay goście w czerwiec 2025 TYLKO!

Hosting InMotion 50% ZNIŻKI dla CollectiveRay odwiedzający

6. Dodawanie JavaScript do wideo WordPress

WordPress jest tak rozszerzalny, że pozwala na łatwe dodawanie nowych funkcji i funkcjonalności do Twojej witryny bez konieczności przeprojektowywania lub zastępowania całego motywu. Zamiast tworzyć motyw WordPress od podstaw, możesz dodać funkcjonalność, po prostu dodając wtyczki.

A jeśli funkcjonalność, którą chcesz dodać, jest raczej niewielka i nie ma potrzeby tworzenia ani instalowania wtyczki, możesz użyć Plik functions.php lub inne sposoby dodawania JavaScriptu do WordPressa bez konieczności tworzenia osobnej wtyczki.

Najlepsza rzecz w tym plik funkcji polega na tym, że działa jak wtyczka, której można używać do dodawania funkcji i rozszerzania funkcjonalności zarówno motywu, jak i samego WordPressa.

Chociaż możesz łatwo dodać Kod JavaScript bezpośrednio do twojego plik header.php, ale jest pewien problem z tą metodą.

Może to powodować konflikty z innymi wtyczkami, gdy ładują one własne skrypty JS.

W tym artykule autorstwa CollectiveRay, przyjrzymy się właściwemu sposobowi dodawania JavaScript do motywów WordPress. Jako programiści WordPress, jest to jedna z rzeczy, którą będziemy musieli robić bardzo często.

(Specjalna notatka: Szukasz listy poprawek/sztuczek, które możesz łatwo wprowadzić na swojej stronie WordPress bez użycia wtyczki? Możesz zapoznać się z naszym przewodnikiem tutaj: 101 trików WordPress, które musi znać każdy poważny bloger.)

7. Dodaj JavaScript do widżetu WordPress

Jeśli chcesz dodać JavaScript do widżetu WordPress, nie ma nic prostszego.

Dodaj widget, wybierz menu i wybierz Edytuj jako HTML.

Dodaj swój JavaScript w tags and select Aktualizacja.

Dodany kod powinien być od razu widoczny po wyświetleniu widgetu w interfejsie użytkownika witryny.

Jak debugować błąd JavaScript na stronie WordPress

Debugowanie JavaScript to proces czasochłonny, lecz nieunikniony dla początkujących.

Na szczęście masz pod ręką narzędzia pozwalające sprawdzić błędy.

Otwórz stronę w przeglądarce i naciśnij F12 lub wybierz Narzędzia programistyczne z menu (Chrome). Możesz również użyć Ctrl + Shift + J (Windows/Linux) lub Cmd + Option + J (Mac).

Wybierz Konsola w nowej części ekranu, która się otworzy, a wszystkie błędy JavaScript będą podświetlone na czerwono.

Określ, skąd pochodzi błąd i popraw odpowiednią część dodanego kodu JavaScript.

Powtarzaj czynności, aż wszystkie błędy zostaną rozwiązane.

WordPress ma swój własny tryb debugowania, ale jego używanie może być nieco skomplikowane. Polecam sprawdzić oficjalna strona debugowania, aby uzyskać więcej informacji.

Często zadawane pytania dotyczące dodawania JavaScript do WordPressa

Co to jest JavaScript?

JavaScript to język komputerowy, który jest wykonywany w przeglądarce użytkownika, a nie na serwerze. Programowanie po stronie klienta umożliwia programistom osiągnięcie wielu interesujących rzeczy bez spowalniania witryny. Często możesz zostać poproszony o skopiowanie i wklejenie fragmentu kodu JavaScript do witryny WordPress, jeśli chcesz osadzić odtwarzacz wideo, dodać kalkulatory lub inną usługę zewnętrzną.

Jak dodać plik JavaScript do WordPressa?

Najłatwiejszym sposobem dodania pliku JavaScript do WordPressa jest użycie wtyczki Insert WPCode. 

  • Zaloguj się na swojej stronie i zainstaluj wtyczkę WPCode.
  • Po zainstalowaniu kliknij Aktywuj
  • Zapisz kod JavaScript lub plik w nowym pliku za pomocą . Js rozbudowa.
  • Prześlij go na swoją stronę do następującego folderu: wp-content/themes/ /js/
  • Przejdź do Ustawienia > Wstaw kod WPCode
  • Dodaj poniższe do sekcji Skrypty w nagłówku:  <script src="https://www.website.com/wp-content/themes/<theme-you-are-using>/js/file.js"></script>

Czy mogę używać JavaScriptu w WordPressie?

Tak, istnieje wiele sposobów na użycie Javascript w WordPressie. Jeśli chcesz dodać prosty skrypt, możesz użyć wtyczki Insert WPCode, aby dodać skrypt do nagłówka, a następnie wywołać skrypt z dowolnej części motywu, wpisu lub wtyczki, z której chcesz go użyć.

Jak dodać własny kod do WordPressa?

Najlepszym sposobem na dodanie własnego kodu do WordPressa jest plik functions.php. Zaleca się utworzenie motywu potomnego, a następnie dodanie własnych modyfikacji do motywu potomnego, aby nie zepsuć możliwości aktualizacji motywu.

Jak edytować JavaScript w WordPressie?

Najlepszym sposobem edycji Javascript w WordPressie jest utworzenie motywu potomnego, a następnie dodanie swoich edycji Javascript lub dostosowanie innych funkcji w motywie potomnym. Pozwala to edytować Javascript w razie potrzeby bez psucia reszty motywu lub możliwości aktualizacji motywu.

Podsumowanie

Powyższe trzy metody są najczystszym sposobem dodania Javascript do WordPressa. Zasadniczo, bezpośrednie modyfikowanie kodu powinno być wykonywane przez zaawansowanych użytkowników, którzy mają duże doświadczenie w kodowaniu i mogą być pewni, że wiedzą, jak cofnąć wszelkie wprowadzone przez siebie zmiany. W przeciwnym razie najlepiej jest trzymać się wtyczek. Jeśli nie czujesz się komfortowo, samodzielnie modyfikując kod, byłoby wspaniale skontaktować się z naszymi partnerami na Fiverr, którzy mogą to zrobić dzisiaj

logo piątki

Kliknij tutaj, aby znaleźć tanich ekspertów od poprawek WordPress