Enten utvikler du et WordPress-tema fra bunnen av eller endrer et eksisterende tema, kan det hende du trenger å vite den riktige måten å legge til en JavaScript-fil på.


Hvis du tenker på å bruke den gamle skolen-metoden til Web 1.0 ved å koble JavaScript til hodet, er det en dårlig ide, for i dag er det en epoke av Web 2.0 der folk har dynamiske nettsteder.

Du bør forstå konseptet med WordPress Theme Codex og hvordan du skal anskaffe en JavaScript og en CSS-fil. Vi har allerede diskutert å legge til en CSS-fil.

Så i denne opplæringen skal du lære å legge til en JavaScript-fil til et WordPress-tema dynamisk.

For å samsvare med den nyeste kodingsstandarden, bør du alltid følge WordPress Codex, som stadig oppdaterer gang på gang. Du lurer kanskje på om du trenger kodingsferdigheter eller ikke.

Vel, hvis du har søkt etter denne artikkelen, antar jeg at du allerede kjenner det grunnleggende i WordPress-temautvikling.

Lær JavaScript Enqueuing Codex

Når du utvikler et WordPress-tema, kan du støte på mange lignende funksjoner. Som du kan se, for å legge til en JavaScript-fil, kan du bruke den samme funksjonen som du gjorde for å legge til en CSS-fil.

Selv om det er litt forskjell fordi JavaScript har mange kategorier, er alt fremdeles uanstrengt. La meg vise deg.

wp_enqueue_script ($ handle, $ src, $ deps, $ ver, $ in_footer);

La meg forklare alle parametrene.

  1. $ Håndtak:- Det er navnet på JavaScript-filen.
  2. $ Src:- Adressen til filen.
  3. $deps:- Hvis du vil lage en matrise, kan du gjøre det.
  4. $ Ver:- Du kan nevne JavaScript-versjonen.
  5. $ In_footer:- Som standard er verdien "falsk" som betyr at JavaScript-filen blir lagt til i hodet.

Se nå på dette eksemplet.

wp_enqueue_script (‘new-script’, get_template_directory_uri (). ‘/js/new-script.js/’, array ());

Filnavnet er "my-script" og det ligger i et "js" mappe.

Merk: Hvis du ønsker å laste det fra bunntekstområdet for å forbedre nettstedets ytelse, kan du angi $ in_footer verdi til "ekte."

Koden forvandles som følger.

wp_enqueue_script (‘new-script’, get_template_directory_uri (). ‘/js/new-script.js/’, array (), sant);

Oppgaven er ikke over ennå. For å få det til å fungere, må du opprette en funksjon og bruke en handling. Hvis du allerede har lagt til en CSS-fil, kan du bruke den samme funksjonen.

La meg vise deg hele koden.

functionmy_new_scripts {
wp_enqueue_script (‘new-script’, get_template_directory_uri (). ‘/js/new-script.js/’, array (), sant);
}
add_action (‘wp_enqueue_scripts’, ‘my_new_scripts’);

Nå oppstår spørsmålet, hvor trenger du å legge til en slik kode?

Vel, som du allerede vet, funksjoner.php-filen til ditt WordPress-tema er ansvarlig for alle funksjonene et WordPress-nettsted har, legg koden til filen og lagre.

Hvis du endrer ditt eksisterende tema, håper jeg at du lett får tilgang til filen funksjoner.php ved å bruke cPanel. I dag tilbyr nesten hvert hosting-selskap avWordPress tilgang til cPanel.

Bare gå til filbehandler>>wp-innhold>>temaer>>temanavn>>functions.php. Høyreklikk for å velge rediger, så er du god til å gå.

Hvordan legge til en JavaScript-fil på riktig måte i et WordPress-tema

Kodedigering kan være en skummel ting hvis du ikke er kjent med WordPress-funksjoner og PHP.

For en WordPress-temautvikler, hvis du legger til en ny JavaScript-fil kan gjøre nettstedet mer dynamisk enn før, kan det hende du trenger den for mobilversjonen av navigasjonsmenyen.

Avhengig av dine behov, kan du bruke en JavaScript-fil.

Jeg håper det er vanskelig å legge til en JavaScript-fil til et WordPress-tema

Om en stund begynner folk å bekymre seg når de leser om WordPress-koding. Men for en vanlig WordPress-bruker er det ikke nødvendig å forholde seg til koder.

WordPress er en brukervennlig plattform, som ble utviklet for ikke-teknikere. Du kan kjøpe et WordPress-tema fra markedet.

Det er millioner av temaer på nettet.

Konklusjon

Opplæringen er for avanserte brukere eller folk som vil lære om WordPress temautvikling. Det er alltid en god idé å øke kodingsegenskapene dine.

Jeg håper å legge til en JavaScript-fil ikke er så vanskelig som folk sier.

Sjekk ut disse topp 3 WordPress hosting-tjenestene:

FastComet

Startpris:
$ 2.95


Pålitelighet
9.7


Priser
9.5


Brukervennlig
9.7


Brukerstøtte
9.7


Funksjoner
9.6

Les anmeldelser

Besøk FastComet

Hostinger

Startpris:
$ 0.99


Pålitelighet
9.3


Priser
9.3


Brukervennlig
9.4


Brukerstøtte
9.4


Funksjoner
9.2

Les anmeldelser

Besøk Hostinger

A2 Hosting

Startpris:
$ 3.92


Pålitelighet
9.3


Priser
9.0


Brukervennlig
9.3


Brukerstøtte
9.3


Funksjoner
9.3

Les anmeldelser

Besøk A2 Hosting

Relaterte artikler for hvordan du gjør det

  • Hvordan legge til en CSS-fil på riktig måte til et WordPress-tema ved hjelp av cPanel
    Ekspert
  • Slik logger du ut alle brukere i WordPress samtidig
    mellomliggende
  • Slik redigerer du WordPress-nettstedets .htaccess-fil ved hjelp av cPanel
    nybegynner
  • Hvordan logge på WordPress ved å bruke Softaculous fra cPanel
    mellomliggende
  • Slik løser du en HTTP-feil som vises i WordPress Media Library
    nybegynner
Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me