Lisää Javascript WordPress-sivustoon - 7 vaiheittaista menetelmää

On yleensä monia syitä, miksi haluat lisätä Javascriptin WordPressiin, joko pieni säätö ominaisuuteen tai ehkä haluat lisätä kolmannen osapuolen komentosarjan. Huomless Syynä siihen, miksi haluat tehdä sen, haluat varmistaa, ettet ymmärrä sitä väärin - koska saatat rikkoa verkkosivustosi tai luoda suorituskyvyn pullonkaulan.

Javascriptin lisääminen WordPress-sivuille ja -postauksiin ei ole mahdollista suoraan, joten ehdotamme useita erilaisia ​​tapoja lisätä Javascript-koodia verkkosivustoille ja mitä niistä tulisi käyttää erilaisissa tilanteissa, joita saatat kohdata. 

Jos sinulla on kiire, käytä alla olevaa sisällysluetteloa siirtyäksesi artikkelin asiaankuuluvaan osaan.

Tämä artikkeli sisältää muutoksia WordPress-koodiin. Jos et ole varma koodin säätämisestä itse, sinun kannattaa tehdä se opi rekrytoimaan paras WordPress-kehittäjä yrityksellesi tai tutustu seuraaviin edullisiin kehitysvaihtoehtoihin. 

Jos et ole varma siitä, sopiiko tämä sinulle ja mitä tehdä tämä nopeasti, tutustu muutamaan Fiverr-keikkaan, jotka voivat tehdä sen sinulle nopeasti

Napsauttamalla tätä löydät edullisia asiantuntijoita WordPress-korjauksista

Mikä on JavaScript?

Jos luet tätä viestiä, olet todennäköisesti jo perehtynyt JavaScriptiin.

Kuitenkin pitääksemme sen kaikkien saatavilla, kerromme nopeasti, mitä JavaScript on ja mitä se tekee. Voit vapaasti ohittaa tämän osan, jos tiedät jo.

JavaScript on ohjelmointikieli, joka toimii selaimessa. Se voidaan kutsua verkkopalvelimelta, mutta se toimii vierailijan selaimessa.

Tämä tarjoaa melko paljon mahdollisuuksia saada se tekemään hienoja asioita, kuten videon upottaminen ja toimintojen lisääminen.

Voit esimerkiksi käyttää JavaScriptiä videosoittimen upottamiseen, jotta verkkopalvelimesi ei tarvitse tehdä sitä.

Tämä parantaa käyttökokemusta lisäämällä videon lisäämättä verkkopalvelimesi taakkaa videon toistamiseen.

JavaScriptiä käytetään myös mobiilisovelluksissa, peleissä, palvelinsovelluksissa, käyttöliittymäkehityksessä ja viime aikoina tekoälyyn liittyvässä kehityksessä.

Voitko käyttää JavaScriptiä WordPressissä?

Kyllä, voit käyttää JavaScriptiä WordPressissä. CMS:n luontaisen joustavuuden vuoksi voit lisätä interaktiivisia elementtejä tai sijoittaa sivulle kolmannen osapuolen sovellusliittymiä JavaScriptin avulla.

Käyttökohteita on monia ja erilaisia, mutta koska JavaScript on käyttäjän selaimen suorittama, se voi tehdä paljon hidastamatta verkkopalvelinta.

Voit lisätä käsikirjoituksia useilla tavoilla, kuten keskustelemme hetken kuluttua.

Ennen kuin teet muutoksia tiedostoihin, suosittelemme luomaan alatason teeman ja/tai varmuuskopioimaan verkkosivustosi.

Et voi olla liian varovainen!

Kuinka lisätä JavaScript WordPressiin

On olemassa useita tapoja lisätä mukautettua Javascript-koodia WordPress-sivustoosi, joista jokaisella on oma käyttötarkoituksensa:

1. Lisää skripti valituille sivuille käyttämällä laajennusta, kuten WPCode
2. Lisää komentosarja valitsemallesi tietylle tai yhdelle sivulle tai useille sivuille funktioiden.php avulla
3. Lisää JavaScript kaikille sivuille
4. Lisää Javascript-tiedosto teeman otsikkoon
5. wp_head-koukun käyttäminen mukautetun JavaScriptin lisäämiseen
6. Lisää JavaScript WordPress-alatunnisteeseen
7. JavaScriptin lisääminen WordPress-videoon
8. Lisää JavaScript WordPress-widgetiin

Käydään läpi jokainen näistä menetelmistä yksityiskohtaisesti.

Sitten kerromme nopeasti, kuinka JavaScript-virheenkorjaus tapahtuu, kun olet lisännyt sen sivulle.

Huomautuksia: Jotkin näistä tekniikoista sisältävät muutosten tekemisen ydintiedostoihin. Vaikka ei yleensä ole hyvä idea muuttaa functions.php-tiedostoja ja muita WordPress-ydintiedostoja, haluamme näyttää sinulle kaikki tavat lisätä koodia.

Emme välttämättä suosittele muutosten tekemistä tällä tavalla, mutta uskomme, että annamme sinulle kaiken tiedon ja teemme sitten oman päätöksen.

1. Käytä laajennusta, kuten WPCode

Jos haluat vain käyttää laajennusta javascript-viittauksen upottamiseen WordPress-teeman ylä- tai alatunnistetiedostoon, WPCode-laajennus on helppo ja ilmainen vaihtoehto.

Suosittelemme käyttämään laajennusta kaikkiin koodin muutoksiin, koska se pitää kaiken puhtaana ja voi välttää mahdolliset ongelmat.

Sen sijaan, että muokkaat teeman tiedostoja suoraan mukautetulla Javascript-koodilla, laajennus antaa sinun lisätä koodin, joka lisätään sitten sivustosi ylä- tai alatunnisteeseen valitsemiesi vaihtoehtojen mukaan. 

Tämä laajennus tukee useita eri vaihtoehtoja, joten kuvailemme vain yleisimmät, joita sinun tulee käyttää.

Sinä pystyt lataa WPC-koodi täällä tai asenna se WordPressin Install Plugins -toiminnolla.

Asenna WPCode-laajennus:

• Kirjaudu sisään sivustosi backendiin tai järjestelmänvalvojaan.
• Mene plugins > Lisää uusi
• Etsi "WPCode"-laajennus ja napsauta sitä Asenna nyt.
• Kun se on asennettu, napsauta Aktivoida

Voit nyt joko ladata mukautetun komentosarjan ilman tiedostoa (esim. lisätäksesi sinulle saamasi skriptin, kuten Google Analyticsin) tai ladata mukautetun Javascript-tiedoston. 

Yleisin vaihtoehto, jota voit käyttää tämän laajennuksen kanssa, on mahdollisuus lisätä koodi suoraan WordPressiin.

Tätä voidaan käyttää, kun käytät kolmannen osapuolen palvelua, kuten Google Analyticsia, Dripiä tai muuta työkalua, joka tarvitsee lisätä komentosarjan sivustoosi. Ota vain komentosarja ja pudota se Yleinen ylä- ja alatunniste ikkunassa.

Voit lisätä skriptin otsikkoon, tekstiin tai alatunnisteeseen. Komentosarjan toimittajalta pitäisi saada ohjeet, mihin näistä osioista komentosarja on lisättävä.

Oletetaan, että haluat lisätä sen otsikkoon:

Napauta Tallenna muutokset saada valmiiksi.

WPCode-laajennus lisää nyt koodin verkkosivustosi jokaiselle sivulle.

Lataa käyttöliittymä uudelleen ja tarkista verkkosivustosi lähde varmistaaksesi, että koodi näkyy nyt. On myös hyvä selata muutama sivu vahvistaa, että kaikki toimii edelleen hyvin.

WPCode antaa sinun myös luoda omia koodinpätkiä.

Voit myös lisätä koodinpätkiä minne tahansa verkkosivustollasi, kuten viestien tai sivujen sisään, ennen julkaisua tai sen jälkeen, ennen tai jälkeen sisältöä tai useita muita vaihtoehtoja, joita saatat tarvita.

Siirry vain kohtaan Koodinpätkät > Lisää katkelma ja valitse sitten Luo oma.

Sinut siirretään nyt a Luo mukautettu katkelma sivu, jolla voit antaa koodillesi otsikon ja liittää sen Koodin esikatselu laatikko.

Sitten alkaen Koodityyppi pudotusvalikosta, valitse JavaScript-katkelma.

Vieritä sitten alaspäin, kunnes saavutat lisäys alueella.

Jäljelle jää vain valita koodin sijainti pudotusvalikosta. Paikantaa Sivu, viesti, mukautettu viestityyppi ja määritä, missä haluat koodin näkyvän sivulla tai viestissä.

Jos haluat, että WPCode sijoittaa katkelman kappaleen eteen tai jälkeen, voit määrittää, minkä julkaisun kappaleen sen tulee näkyä ennen tai jälkeen.

Jos kirjoitat esimerkiksi 1 Lisää numero -kenttään, koodinpätkä tulee näkyviin ensimmäisen kappaleen eteen tai jälkeen. Käytä toisessa kappaleessa 2 ja niin edelleen.

Tämän jälkeen vaihda vain näytön yläreunassa oleva kytkin asentoon aktiivinen, ja napsauta sitten Tallenna katkelma vaihtoehto sen vieressä.

Siinä kaikki JavaScriptin lisääminen WordPressiin!

Suurin etu laajennuksen käytössä on, että se on aloittelijaystävällinen vaihtoehto. Sinun ei tarvitse huolehtia teemasi tiedostojen muokkaamisesta. WPCode-laajennus voi myös olla hyödyllinen, jos etsit saumaaless tapa lisätä muun tyyppistä koodia ja mukautettua CSS:ää.

Tämän menetelmän haittapuoli on kuitenkin se, että se edellyttää kolmannen osapuolen laajennuksen asentamista, jota jotkut sivuston omistajat yrittävät välttää.

Jos haluat pitää laajennukset mahdollisimman pieninä, sinun kannattaa ehkä käyttää jotakin muuta menetelmää.  

Vaikka tämä vaikuttaa melko yksinkertaiselta, se saattaa olla mukavuusalueesi ulkopuolella, joten jos haluat saada tämän valmiiksi nopeasti, tutustu kehittäjille Fiverrissä, joka voi tehdä tämän puolestasi.

Napsauttamalla tätä löydät edullisia asiantuntijoita WordPress-korjauksista

2. Lisää JavaScript tietylle WordPress-sivulle tai viestiin

Tämä koodin muutos käyttää tehtävät mallikansiostasi löytyvä tiedosto lisätäksesi valitsemasi .JS-tiedoston vain yhdelle valitsemallesi sivulle.

Tämä käyttää IS_PAGE toiminto, jonka löydät tätä: 

Voit itse asiassa käyttää useita muita vaihtoehtoja, jos haluat lisätä komentosarjan vain tietyissä olosuhteissa, kuten:

• is_single(),
• is_front_page(),
• is_home,
• is_admin ja niin edelleen 

Jos haluat katsoa YouTubesta videon tämän tekemisestä, tämä lyhyt video on varsin hyvä:

Jos haluat lisätä tiedoston kaikille sivuille, jatka vierittämistä löytääksesi muita vaihtoehtoja tälle menetelmälle alla.

• Ensin sinun on tunnistettava sen sivun tunnus, jolle haluat lisätä komentosarjan.
• Voit tehdä tämän siirtymällä sivulle, johon haluat lisätä tiedoston, napsauttamalla muokata ja noudata sitten sivun tunnus URL-osoitteesta, kuten alla näkyy. Tunnus on numero, joka löytyy selainpalkin URL-osoitteesta.

• Nyt kun sinulla on sivun tunnus, sinun on ladattava .js-tiedosto sijaintiin. Suosittelemme, että lataat .js-tiedoston mallikansioon, ehkä alihakemistoon.
• Kun olet ladannut sen, sinun on otettava huomioon tarkalleen hakemisto ja .JS-tiedoston nimi, jota käytämme alla olevan PATH_TO_JS_FILE-sijasta. Esimerkiksi tiedostosi voi olla: https://www.yourwebsite.com/wp-content/themes/twentynineteen/js/myjsfile.js
• Huomioi koko URL-osoite kokonaan ja korvaa alla oleva PATH_T_JS_FILE. Sinun on myös korvattava ylhäältä löytämäsi henkilötodistus.
• Lisää koko koodi alla olevan koodin loppuun tehtävät tiedosto mallistasi.

toiminto collectiveray_load_js_script () {
  if (is_page (ID)) {
    wp_enqueue_script ('js-tiedosto', 'PATH_TO_JS_FILE', taulukko ('jquery'), '', väärä);
    // tai käytä alla olevaa versiota, jos tiedät tarkalleen tiedoston sijainnin
    // wp_enqueue_script ('js-tiedosto', get_template_directory_uri (). '/js/myscript.js');
  }
}

add_action ('wp_enqueue_scripts', 'collectiveray_load_js_script ');

Jos tiedät tarkalleen, mihin JS-tiedosto on sijoitettu, voit käyttää pientä muunnosta wp_enqueue_script: 

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

Tässä tapauksessa /js/mysript.js-tiedosto on lisättävän tiedoston sijainti.

Kun lataat sivun uudelleen, huomaat, että tiedosto on lisätty. Voit vahvistaa tämän napsauttamalla Näytä sivun lähde.

Jos sen sijaan, että haluat lisätä Javascript-tiedoston sivulle, haluat lisätä sen yhdelle sivulle, voimme käyttää tätä toimintoa hieman säätämällä sitä sovellettavaksi yhteen viestiin. Voit käyttää mitä tahansa muunnosta seuraavista:

• is_single ('17') - käyttää postitunnusta
• is_single ('Viestini otsikko') - tarkistaa viestin otsikon avulla, onko tämä viesti, johon tiedosto lisätään
• is_single ('my-post-title') - tarkastukset postin etanaa vastaan
• is_single (taulukko (17, 'minun postini otsikko', 'Oma postini otsikko')) - tämä tarkistaa, onko jokin ehdoista post ID: ssä "17", etana on "my-post-title" tai otsikko "My post title"
• is_single () - muut is_single-funktion muunnelmat käyttämällä arvoryhmää tarkistamiseksi

Koodi olisi tässä tapauksessa seuraava tai pieni vaihtelu funktion is_single parametreista riippuen. 

toiminto collectiveray_load_js_script () {
  if (is_single ('17 ')) {
    wp_enqueue_script ('js-tiedosto', 'PATH_TO_JS_FILE', taulukko ('jquery'), '', väärä);
    // tai käytä alla olevaa versiota, jos tiedät tarkalleen tiedoston sijainnin
    // wp_enqueue_script ('js-tiedosto', get_template_directory_uri (). '/js/myscript.js');
  } 
}

add_action ('wp_enqueue_scripts', 'collectiveray_load_js_script ');

Jos sinulla on viestin otsikko, voit käyttää sitä parametrin "17" sijaan. Jälleen kerran wp_enqueue_script voidaan myös säätää:

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

3. Lisää JavaScript kaikille sivuille

Kuten olemme nähneet, helpoin ja puhtain tapa lisätä javascript-tiedosto WordPress-teemaan on käyttämällä functions.php tiedoston kanssa wp_enqueue_script.

Tässä tapauksessa sen sijaan, että luomme ehdon sisällön lisäämiselle tietyille sivuille, lisäämme yleisen toiminnon.

Näin voit tehdä sen:

Avaa sinun functions.php tiedosto ja kopioi alla oleva koodinpätkä siihen. Muista korvata mallin URL-osoite omalla ennen tallennusta.

toiminto collectiveray_theme_scripts_function () {
  wp_enqueue_script ('js-tiedosto', get_template_directory_uri (). '/js/myscript.js');
}
add_action ('wp_enqueue_scripts', 'collectiveray_theme_scripts_function ');

Jos olet käyttämällä lapsiteemaa, sinun on käytettävä get_stylesheet_directory_uri () sijaan get_template_directory_uri () 

Tällä menetelmällä sinun ei tarvitse asentaa toista laajennusta, jos muokkaat functions.php-tiedostoa. Tällä menetelmällä voidaan myös lisätä ominaisuuksia ja toimintoja sekä teemaasi että itse WordPressiin. Tämä lähestymistapa voi esimerkiksi asentaa JavaScriptin yhdelle viestille tai sivulle tai kaikille sivuille.

Tämän strategian suurin haitta on, että se edellyttää koodin käsittelyä ja verkkosivustosi tiedostojen päivittämistä. Tämän seurauksena, jos sinulla ei ole kokemusta tällä alalla, se ei ehkä ole ihanteellinen vaihtoehto.

Napsauttamalla tätä löydät edullisia asiantuntijoita WordPress-korjauksista

4. Lisää JavaScript teeman otsikkoon

Joissakin tapauksissa saatat haluta, että JavaScript-tiedostoa käytetään koko sivustossasi, mutta et halua käyttää laajennusta tähän.

Jos esimerkiksi haluat lisätä kolmannen osapuolen komentosarjan kaikille sivuillesi (esim. instantpage.js-skripti nopeuttaaksesi verkkosivustoasi), voit lisätä komentosarjan tai lisätä itse viitatun komentosarjatiedoston head oman header.php mallitiedosto. 

TÄMÄ EI OLE IDEALIA. Jos päivität teemasi, saatat menettää nämä muutokset. Jos haluat silti tehdä tämän suoraan, on erittäin suositeltavaa luoda lapsiteemaa.

Tässä skenaariossa, jos haluat tämän komentosarjan lisäämisen kaikkialle, voit lisätä tiedoston suoraan malliin alla olevien ohjeiden mukaisesti:

Tämä kutsu tiedostoon (tai komentosarjaan) tulisi lisätä sisällönkuvauskenttien ja tyylitaulukon väliin. Tämä on täsmälleen sama kuin jos lisäät Javascript-koodin mille tahansa HTML-sivulle. 

Jos haluat "lisätä" Javascript-tiedoston sivustoosi, head, käytät seuraavaa koodia:

Varmista, että olet määrittänyt type oikein, muuten sivustosi ei ole kelvollinen. Varmista myös, että hakemistossa / skripteissä on teema ja olet lisännyt siihen myscript.js.

Tämän jälkeen voit lisätä viittauksia funktioihin, jotka olet juuri lisännyt HTML-tiedostoon, missä sinun on käytettävä sitä. 

Tämä on esimerkki juuri lisäämäsi toiminnon käytöstä.

" >Otsikko menee tähän

4. Mukautetun JavaScriptin lisääminen wp_head-koukun avulla

Voit myös lisätä mukautetun JavaScriptin otsikkoon käyttämällä wp_head toimintakoukku. Jälleen tämä ratkaisu ei ole suositeltava, koska se luo liian suuren määrän komentosarjoja. On, ei koskaanless, mieluummin skriptien lisääminen manuaalisesti header.php-tiedostoon.

Tämä menetelmä, jota voidaan käyttää myös alatunnisteessa, käyttää toimintokoukkua tai -koukkuja lisätäkseen upotettuja komentosarjoja sivustoosi. Toisin kuin wp enqueue script -toiminto, joka jonoittaa mukautettuja skriptejä, wp head -menetelmä tulostaa komentosarjat otsikkomallissasi (ja alatunnisteessa, jos käytät wp_footer koukku).

Aloita navigoimalla functions.php-tiedostoosi ja kopioimalla ja liittämällä seuraava koodi:

function collectiver_custom_javascript() { ?>

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

On syytä huomata, että wp-pään koukku toimii vain verkkosivustosi etuosassa. Tämä tarkoittaa, että tällä lähestymistavalla lisätyt mukautetut JavaScript-koodit eivät näy järjestelmänvalvojan tai kirjautumisalueilla. Jos kuitenkin haluat lisätä JavaScriptin näihin paikkoihin, voit tehdä sen käyttämällä järjestelmänvalvojan pään ja kirjautumispään toimintakoukkuja.

Kehittäjät pitävät wp-enqueue-skriptitoiminnosta, koska se välttää ristiriidat, joita voi esiintyä muiden ratkaisujen kanssa, kuten komentosarjojen lisääminen suoraan header.php-tiedostoon. Lisäksi tämä ratkaisu ei luo mitään riippuvaisia ​​skriptejä.

Suurin ongelma mukautetun WordPress JavaScriptin lisäämisessä sivustosi otsikkoon on, että se voi häiritä muita laajennuksia, jotka lataavat omia komentosarjojaan. Tämä määritys voi myös saada useat skriptit latautumaan useita kertoja, mikä saattaa hidastaa verkkosivustosi yleistä nopeutta ja suorituskykyä.

5. Lisää JavaScript WordPress-alatunnisteeseen

JavaScriptin lisääminen WordPress-alatunnisteeseen on suhteellisen helppoa. Voit lisätä koodia ylä- tai alatunnistetiedostoon, käyttää mukautettua koodielementtiä sivun rakennustyökalussa tai teemassa tai käyttää tiettyä ylä- ja alatunnistelaajennusta.

Koska sinun tulee välttää JavaScriptin lisäämistä header.php- tai footer.php-tiedostoihisi, käytämme laajennusta.

Suosittelen WPCode – Lisää ylä- ja alatunnisteet + mukautetut koodinpätkät plugin.

valita Asetukset ja Lisää otsikot ja alatunnisteet valikosta.

Liitä sitten JavaScript-koodisi sivun alatunnisteosaan.

Tallenna muutokset, kun olet valmis.

6. JavaScriptin lisääminen WordPress-videoon

Haluatko nähdä, kuinka Javascript lisätään WordPressiin YouTube-videossa? Tämä on hyvä kello:

WordPress on niin laajennettavissa, että sen avulla voit helposti lisätä uusia ominaisuuksia ja toimintoja verkkosivustoosi ilman, että sinun tarvitsee itse suunnitella tai korvata koko teemaa. Sen sijaan, että luot WordPress-teeman uudelleen tyhjästä, voit lisätä toiminnallisuuden yksinkertaisesti lisäämällä laajennuksia.

Ja jos lisättävä toiminto on melko pieni eikä laajennusta tarvitse luoda tai asentaa, voit käyttää functions.php-tiedosto tai useita muita tapoja lisätä Javascript WordPressiin ilman erillisen laajennuksen luomista.

Parasta siitä toimintotiedosto on, että se toimii kuin laajennus, jota voidaan käyttää sekä teeman että itse WordPressin ominaisuuksien lisäämiseen ja laajentamiseen.

Vaikka voit helposti lisätä Javascript-koodi suoraan omaan header.php-tiedosto, mutta tässä menetelmässä on ongelma.

Se voi itse asiassa aiheuttaa ristiriitoja muiden laajennusten kanssa, kun he lataavat omat JS-komentosarjansa.

Tässä artikkelissa CollectiveRay, katsomme oikeaa tapaa lisätä javascript WordPress -teemoihin. WordPress -kehittäjinä tämä on yksi niistä asioista, jotka meidän on tehtävä hyvin usein.

(Erityinen huomautus: Etsitkö luetteloa muokkauksista / temppuista, joita voit helposti tehdä WordPress-sivustollasi ilman laajennusta? Voit tutustua oppaaseen täällä: 101 WordPress-temppua jokaisen vakavan bloggaajan on tiedettävä.)

7. Lisää JavaScript WordPress-widgetiin

Jos haluat lisätä JavaScriptiä WordPress-widgetiin, se ei voisi olla helpompaa.

Lisää widget, valitse valikko ja valitse Muokkaa HTML-muodossa.

Lisää JavaScript sisään tags and select päivitys.

Lisäämäsi koodin pitäisi olla heti näkyvissä, kun tarkastelet widgetiä sivustosi etuosassa.

JavaScript-virheen korjaaminen WordPress-sivulla

JavaScriptin virheenkorjaus on aikaa vievä prosessi, mutta se on väistämätön aloittelijoille.

Onneksi sinulla on käytettävissäsi työkalut virheiden tarkistamiseen.

Avaa sivu selaimessasi ja paina F12 tai valitse valikosta Kehittäjätyökalut (Chrome). Voit myös käyttää näppäinyhdistelmää Ctrl + Vaihto + J (Windows/Linux) tai Cmd + Optio + J (Mac).

Valitse Console -välilehti ruudun uudessa osassa, joka avautuu, ja näet kaikki JavaScript-virheet korostettuina punaisella.

Tunnista, mistä virhe tulee, ja korjaa lisäämäsi JavaScriptin asiaankuuluva osa.

Tee läpi, kunnes kaikki virheet on korjattu.

WordPressillä on oma virheenkorjaustila, mutta sen käyttö voi olla hieman monimutkaista. Suosittelen tutustumaan virallinen virheenkorjaussivu saadaksesi lisätietoja.

Usein kysyttyjä kysymyksiä Javascriptin lisäämisestä WordPressiin

Mikä on Javascript?

JavaScript on tietokonekieli, joka suoritetaan käyttäjän selaimessa palvelimen sijaan. Asiakaspuolen ohjelmoinnin avulla kehittäjät voivat saavuttaa monia mielenkiintoisia asioita hidastamatta verkkosivustoasi. Sinua saatetaan usein pyytää kopioimaan ja liittämään JavaScript-koodinpätkä WordPress-verkkosivustollesi, jos haluat upottaa videosoittimen, lisätä laskimia tai jotain muuta kolmannen osapuolen palvelua.

Kuinka voin lisätä Javascript-tiedoston WordPressiin?

Voinko käyttää Javascriptia WordPressissä?

Kyllä, WordPressissä on monia tapoja käyttää Javascriptiä. Jos haluat lisätä yksinkertaisen skriptin, voit lisätä komentosarjan otsikkoon Insert WPCode -laajennuksella ja kutsua sitten komentosarjan mistä tahansa teeman, postauksen tai laajennuksen osasta, josta haluat käyttää sitä.

Kuinka voin lisätä oman koodini WordPressiin?

Paras tapa lisätä oma koodi WordPressiin on files.php-tiedosto. On suositeltavaa, että luot lapsiteeman ja lisäät sitten omat muokkauksesi lapsiteemaan siten, että et hajota teeman päivitettävyyttä.

Kuinka muokkaan Javascriptia WordPressissä?

Paras tapa muokata Javascriptia WordPressissä on luoda lapsiteema ja lisätä sitten muokkauksesi Javascriptiin tai mukauttaa muita toimintoja aliteemassa. Tämän avulla voit muokata Javascriptia tarpeen mukaan rikkomatta loppuasi teemaa tai teeman päivitettävyyttä.

Yhteenveto

Edellä mainitut kolme menetelmää ovat puhtain tapa lisätä Javascript WordPressiin. Yleensä koodin muokkaamisen tulisi tehdä edistyneille käyttäjille, joilla on merkittävä kokemus koodista ja jotka voivat olla varmoja tietävänsä, miten he voivat palauttaa tekemänsä muutokset. Muussa tapauksessa on parasta pitää kiinni laajennuksista. Jos et ole mukava säätää koodia itse, olisi hienoa ottaa yhteyttä Fiverrin kumppaneihimme, jotka voivat tehdä sen tänään

Napsauttamalla tätä löydät edullisia asiantuntijoita WordPress-korjauksista

kirjailijasta

Kirjoittaja: David AttardVerkkosivu: https://www.linkedin.com/in/dattard/Sähköposti: David@collectiveray.com

David on työskennellyt verkko- / digitaalialalla tai sen ympäristössä viimeiset 18 vuotta. Hänellä on laaja kokemus ohjelmisto- ja verkkosuunnitteluteollisuudesta WordPressin, Joomlan ja niitä ympäröivien markkinarakojen käytöstä. Digitaalisena konsulttina hän keskittyy auttamaan yrityksiä saamaan kilpailuetua käyttämällä verkkosivustonsa ja tänään saatavilla olevien digitaalisten alustojen yhdistelmää.