Adăugați Javascript pe site-ul WordPress - 7 metode pas cu pas

Adăugați Javascript la WordPress

Există de obicei multe motive pentru care doriți să adăugați Javascript la WordPress, fie o mică modificare a unei funcții, fie poate doriți să adăugați un script terță parte. cu respectless din motivul pentru care doriți să o faceți, doriți să vă asigurați că nu înțelegeți greșit - pentru că s-ar putea să vă spargeți site-ul web sau să creați un blocaj de performanță.

Adăugarea JavaScript în paginile și postările WordPress în mod direct nu este posibilă, așa că vom sugera o serie de moduri diferite de adăugare a codului Javascript pe site-uri web și care ar trebui folosite în diferitele circumstanțe pe care le puteți întâlni. 

Dacă vă grăbiți, utilizați cuprinsul de mai jos pentru a derula la partea relevantă a articolului.

 

Acest articol include modificări ale codului WordPress. Dacă nu sunteți încrezător că puteți modifica codul, poate doriți învață cum să recrutezi cel mai bun dezvoltator WordPress pentru afacerea ta sau verificați următoarele opțiuni de dezvoltare ieftine. 

Dacă nu sunteți sigur dacă acest lucru este potrivit pentru dvs. și ce să faceți acest lucru rapid, verificați câteva concerte Fiverr care vă pot face acest lucru rapid.

sigla fiverr

Faceți clic aici pentru a găsi experți ieftini în remedieri WordPress

Ce este JavaScript?

Dacă citiți această postare, probabil că sunteți deja familiarizat cu ce este JavaScript.

Cu toate acestea, pentru a-l menține accesibil tuturor, vom sublinia rapid ce este JavaScript și ce face acesta. Simțiți-vă liber să omiteți această parte dacă știți deja.

JavaScript este un limbaj de programare care rulează într-un browser. Poate fi apelat de pe serverul web, dar rulează în browserul vizitatorului.

Acest lucru oferă destul de mult spațiu pentru a-l face să facă lucruri interesante, cum ar fi încorporarea video și adăugarea de funcții.

De exemplu, puteți utiliza JavaScript pentru a încorpora un player video, astfel încât serverul dvs. web să nu fie nevoit să o facă.

Acest lucru îmbunătățește experiența utilizatorului prin includerea videoclipului, fără a adăuga sarcină serverului dvs. web pentru redarea videoclipului.

JavaScript este, de asemenea, folosit în aplicații mobile, jocuri, aplicații server, dezvoltare front-end și, mai recent, dezvoltarea legată de AI.

Puteți folosi JavaScript în WordPress?

Da, puteți folosi JavaScript în WordPress. Având în vedere flexibilitatea inerentă a CMS-ului, puteți utiliza JavaScript pentru a adăuga elemente interactive sau pentru a plasa API-uri terță parte pe o pagină.

Utilizările sunt multe și variate, dar deoarece JavaScript este rulat de browserul utilizatorului, poate face multe fără a încetini serverul dvs. web.

Puteți adăuga script în mai multe moduri, așa cum vom discuta peste puțin timp.

Înainte de a face modificări la fișiere, vă recomandăm să creați o temă secundară și/sau să faceți mai întâi copii de rezervă pentru site-ul dvs.

Nu poți fi prea atent!

Cum să adăugați JavaScript la WordPress

Există mai multe moduri de a adăuga cod Javascript personalizat pe site-ul dvs. WordPress, fiecare cu propriile utilizări:

  1. Adăugați un script în anumite pagini folosind un plugin precum WPCode
  2. Adăugați scriptul la o anumită pagină sau o singură pagină la alegere sau la mai multe pagini folosind functions.php
  3. Adăugați JavaScript la toate paginile
  4. Adăugați un fișier Javascript la antetul temei dvs
  5. Utilizarea cârligului wp_head pentru a adăuga JavaScript personalizat
  6. Adăugați JavaScript la subsolul dvs. WordPress
  7. Adăugarea JavaScript la videoclipul WordPress
  8. Adăugați JavaScript la un widget WordPress

Să trecem prin fiecare dintre aceste metode în detaliu.

Apoi vă vom împărtăși rapid cum să depanați JavaScript după ce l-ați adăugat la o pagină.

notițe: Unele dintre aceste tehnici implică efectuarea de modificări la fișierele de bază. Deși de obicei nu este o idee bună să schimbați functions.php și alte fișiere principale WordPress, vrem să vă arătăm toate modalitățile de a adăuga cod.

Nu vă recomandăm neapărat să faceți modificări în acest fel, dar credem că vă oferim toate informațiile și apoi luăm propria decizie.

1. Utilizați un plugin precum WPCode

Dacă doriți să utilizați pur și simplu un plugin pentru încorporarea unei referințe javascript în fișierul antet sau subsol al temei WordPress, pluginul WPCode este o opțiune ușoară și gratuită.

Vă recomandăm să utilizați un plugin pentru toate modificările codului, deoarece menține totul curat și poate evita orice probleme pe viitor.

În loc să modifici fișierele temei direct cu codul Javascript personalizat, un plugin vă permite să introduceți codul, care va fi apoi adăugat la antetul sau subsolul site-ului dvs., în funcție de opțiunile pe care le-ați ales. 

Acest plugin acceptă mai multe opțiuni diferite, așa că le vom descrie doar pe cele mai comune pe care va trebui să le utilizați.

Poti descărcați WPCode aici sau instalați-l folosind funcția Instalare pluginuri a WordPress.

Instalați pluginul WPCode:

  • Conectați-vă la backend-ul sau la administratorul site-ului dvs.
  • Mergi la pagina Plugin-uri > adauga o noua
  • Căutați pluginul „WPCode” și faceți clic pe Instalaţi acum.
  • După ce s-a instalat, faceți clic pe Activati

instalați wpcode

 

Acum puteți fie să încărcați un script personalizat fără un fișier (de exemplu, pentru a adăuga un script care vi s-a oferit, cum ar fi Google Analytics), fie să încărcați un fișier Javascript personalizat. 

Cea mai comună opțiune pe care o puteți utiliza cu acest plugin este opțiunea de a adăuga codul direct în WordPress.

Acesta poate fi folosit atunci când utilizați un serviciu terță parte, cum ar fi Google Analytics, Drip sau un alt instrument care necesită un script adăugat la site-ul dvs. Doar luați scenariul și plasați-l în Antet și subsol global fereastră.

Puteți alege să adăugați scriptul la Antet, Corp sau Subsol. Ar trebui să aveți îndrumări de la furnizorul scriptului în care dintre aceste secțiuni trebuie să adăugați scriptul.

Să presupunem că doriți să-l adăugați la antet:

adăugarea codului javascript la antetul wordpress

Clic Salvaţi Modificările a termina.

Pluginul WPCode va adăuga acum codul în fiecare pagină a site-ului dvs.

Reîncărcați front-end-ul și verificați sursa site-ului dvs. web pentru a vă asigura că codul este afișat acum. De asemenea, este o idee bună să răsfoiți câteva pagini pentru a confirma că totul funcționează încă bine.

WPCode vă permite, de asemenea, să vă creați propriile fragmente de cod.

De asemenea, puteți introduce fragmente de cod oriunde pe site-ul dvs. web, cum ar fi în postări sau pagini, înainte sau după o postare, înainte sau după conținut sau o serie de alte opțiuni de care ați putea avea nevoie.

Pur și simplu navigați la Fragmente de cod > Adăugați fragment apoi selectați Crează-ți propriul.

adăugați codul personalizat

Acum vei fi dus la a Creați fragment personalizat pagină unde puteți da codului un titlu și îl puteți lipi în Previzualizare cod cutie.

creați un fragment javascript personalizat

Apoi, din Tip cod meniu derulant, alegeți Fragment JavaScript.

fragment de javascript

Apoi, pur și simplu derulați în jos până ajungeți la inserare zona.

Tot ce rămâne este să alegeți o locație pentru cod din meniul drop-down. Localiza Pagina, Postare, Tip de postare personalizat și specificați unde doriți să fie afișat codul pe pagină sau postare.

Dacă doriți ca WPCode să pună fragmentul înainte sau după un paragraf, puteți specifica ce paragraf din postare ar trebui să apară înainte sau după.

Dacă introduceți 1 în câmpul „Inserați numărul”, de exemplu, fragmentul de cod va apărea înainte sau după primul paragraf. Pentru al doilea paragraf, folosiți 2 și așa mai departe.

După aceea, comutați pur și simplu comutatorul din partea de sus a ecranului la Activ, apoi faceți clic pe Salvați fragmentul opțiune de lângă ea.

Atât este nevoie pentru a adăuga JavaScript la WordPress!

Principalul avantaj al folosirii unui plugin este că este o opțiune prietenoasă pentru începători. Nu trebuie să vă faceți griji cu privire la editarea fișierelor temei dvs. Pluginul WPCode ar putea fi, de asemenea, util dacă sunteți în căutarea unei cusăturiless modalitate de a adăuga alte tipuri de cod și CSS personalizat.

Cu toate acestea, dezavantajul acestei metode este că implică instalarea unui plugin terță parte, pe care unii proprietari de site-uri încearcă să-l evite.

Dacă doriți să vă mențineți extensiile la minimum, ar fi mai bine să utilizați una dintre celelalte metode.  

Chiar dacă acest lucru pare destul de simplu, ar putea fi în afara zonei dvs. de confort, așa că, dacă doriți să faceți acest lucru rapid, verificați câteva Dezvoltatorii pe Fiverr cine poate face asta pentru tine.

sigla fiverr

Faceți clic aici pentru a găsi experți ieftini în remedieri WordPress

 

2. Adăugați JavaScript la o anumită pagină sau postare WordPress

Această modificare a codului va folosi funcții fișier găsit în folderul șablon pentru a adăuga un fișier .JS la alegere pe o singură pagină numai la alegerea dvs.

Aceasta folosește IS_PAGE funcția pe care o puteți găsi aici

De fapt, puteți utiliza diverse alte opțiuni dacă doriți să adăugați scriptul numai în condiții specifice, cum ar fi:

  • is_single(),
  • is_front_page(),
  • is_home,
  • is_admin etc 

Dacă trebuie să adăugați fișierul la toate paginile, continuați să defilați pentru a găsi mai jos alte alternative la această metodă.

    • Mai întâi, va trebui să identificați ID-ul paginii la care doriți să adăugați scriptul.
    • Faceți acest lucru mergând la pagină, doriți să adăugați fișierul la, faceți clic Editati și apoi preluați ID-ul paginii de la adresa URL, așa cum puteți vedea mai jos. ID-ul este numărul găsit în adresa URL a barei de browser.

id-ul paginii wordpress

  • Acum că aveți ID-ul paginii, va trebui să încărcați fișierul .js într-o locație. Vă recomandăm să încărcați fișierul .js în folderul șablon, poate în directorul copil.
  • După ce l-ați încărcat, trebuie să luați notă exact de directorul și numele fișierului .JS, pe care îl folosim în loc de PATH_TO_JS_FILE de mai jos. De exemplu, fișierul dvs. poate fi în: https://www.yourwebsite.com/wp-content/themes/twentynineteen/js/myjsfile.js
  • Luați notă complet de acea adresă URL completă și înlocuiți PATH_T_JS_FILE de mai jos. De asemenea, va trebui să înlocuiți ID-ul pe care l-ați găsit de mai sus.
  • Adăugați codul complet de mai jos la sfârșitul funcții fișierul șablonului dvs.

funcţie collectiveray_load_js_script() {
  if( is_page(ID) ) {
    wp_enqueue_script('js-file', 'PATH_TO_JS_FILE', array('jquery'), '', false);
    //sau utilizați versiunea de mai jos dacă știți exact unde se află fișierul
    //wp_enqueue_script( 'fișier-js', get_template_directory_uri() . '/js/myscript.js');
  }
}

add_action('wp_enqueue_scripts', 'collectiveray_load_js_script');

Dacă știți exact unde ați plasat fișierul JS, puteți utiliza o ușoară variație a wp_enqueue_script: 

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

În acest caz, fișierul /js/mysript.js este locația fișierului pe care doriți să-l adăugați.

După ce reîncărcați pagina, veți descoperi că fișierul a fost adăugat. Puteți confirma acest lucru făcând clic pe Vizualizare sursă a paginii.

Dacă în loc să adăugați fișierul Javascript într-o pagină, doriți să îl adăugați într-o singură pagină, putem folosi o ușoară modificare a acestei funcții, pentru a o face aplicată unei singure postări. Puteți utiliza orice variație a următoarelor:

  • is_single( '17' ) - folosește ID-ul postării
  • is_single( „Titlul postării mele”) - folosește titlul postării pentru a verifica dacă acesta este postarea la care să adăugați fișierul
  • is_single( 'titlul meu-post-a') - verificări împotriva melcului postului
  • is_single( array( 17, 'my-post-title', 'My Post Title' ) ) - aceasta verifică dacă oricare dintre condițiile ID-ul postării este „17”, slug este „my-post-title” sau titlul este „My Post Title”
  • is_single () - alte variații ale funcției is_single folosind o serie de valori pentru a verifica

Codul, în acest caz, ar fi următorul sau o ușoară variație în funcție de parametrii funcției is_single. 

funcţie collectiveray_load_js_script() {
  if( is_single('17') ) {
    wp_enqueue_script('js-file', 'PATH_TO_JS_FILE', array('jquery'), '', false);
    //sau utilizați versiunea de mai jos dacă știți exact unde se află fișierul
    //wp_enqueue_script( 'fișier-js', get_template_directory_uri() . '/js/myscript.js');
  } 
}

add_action('wp_enqueue_scripts', 'collectiveray_load_js_script');

Dacă aveți titlul postării, îl puteți folosi în locul parametrului „17”. Încă o dată, wp_enqueue_script poate fi, de asemenea, modificat la:

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

3. Adăugați JavaScript la Toate paginile

După cum am văzut, cea mai simplă și mai curată metodă de a adăuga un fișier javascript la tema dvs. WordPress este utilizarea functions.php fișier cu wp_enqueue_script.

În acest caz, în loc să creăm o condiție pentru a adăuga conținut în anumite pagini, vom adăuga o funcție generică.

Iată cum se face:

Deschide-ul functions.php fișier și copiați fragmentul de cod de mai jos în el. Asigurați-vă că înlocuiți adresa URL a șablonului cu a dvs. înainte de a salva.

funcţie collectiveray_theme_scripts_function() {
  wp_enqueue_script('js-file', get_template_directory_uri() . '/js/myscript.js');
}
add_action('wp_enqueue_scripts','collectiveray_theme_scripts_function');

Daca esti folosind o temă de copil, va trebui să utilizați get_stylesheet_directory_uri() în loc de get_template_directory_uri() 


Folosind această metodă nu trebuie să instalați un alt plugin dacă editați fișierul functions.php. Această metodă poate fi folosită și pentru a adăuga caracteristici și funcționalități atât temei dvs., cât și WordPress însuși. Această abordare, de exemplu, poate instala JavaScript într-o singură postare sau pagină sau în toate paginile.

Principalul dezavantaj al acestei strategii este că vă cere să vă ocupați de cod și să actualizați fișierele site-ului dvs. Drept urmare, dacă vă lipsește experiența în acest domeniu, s-ar putea să nu fie alternativa ideală.

sigla fiverr

Faceți clic aici pentru a găsi experți ieftini în remedieri WordPress

4. Adăugați JavaScript la antetul temei dvs

În anumite cazuri, este posibil să doriți ca fișierul JavaScript să fie utilizat în tot site-ul dvs., dar nu doriți să utilizați un plugin pentru a face acest lucru.

De exemplu, dacă doriți să adăugați un script terță parte la toate paginile dvs. (de exemplu, scriptul instantpage.js pentru a vă face site-ul mai rapid), puteți să inserați scriptul sau să adăugați fișierul script la care faceți referire în sine, în head de dvs. header.php fișier șablon. 

ASTA NU ESTE IDEAL. Dacă actualizați tema, este posibil să pierdeți aceste modificări. Dacă totuși doriți să faceți acest lucru direct, este foarte recomandat să creați o temă copil.

Pentru acest scenariu, în care doriți ca acest script să fie adăugat peste tot, puteți adăuga fișierul direct la șablon conform instrucțiunilor de mai jos:

Acest apel la fișier (sau script) ar trebui adăugat între metaetichetele și link-ul pentru foaia de stil. Este exact la fel ca și cum ați adăuga cod Javascript în orice pagină HTML. 

Pentru a „adăuga” fișierul Javascript pe site-ul dvs., în head, folosești următorul cod:


Asigurați-vă că ați definit type corect, altfel site-ul dvs. nu va fi valid. De asemenea, asigurați-vă că directorul /scripts există în temă și că ați adăugat myscript.js la acesta.

Puteți adăuga apoi orice referință la funcțiile utilizate în fișierul pe care tocmai l-ați adăugat la HTML, unde trebuie să îl utilizați. 

De exemplu, acesta este un exemplu de utilizare a funcției pe care tocmai ați adăugat-o.

" >Titlul merge aici

4. Folosind cârligul wp_head pentru a adăuga JavaScript personalizat


De asemenea, puteți adăuga JavaScript personalizat la antetul dvs. folosind wp_head cârlig de acțiune. Din nou, această soluție nu este preferată deoarece generează un număr excesiv de scripturi. Este, oricumless, de preferat inserării manuale a scripturilor în fișierul header.php.

Această metodă, care poate fi folosită și pentru subsol, folosește cârligele de acțiune pentru a insera scripturi inline în site-ul dvs. Spre deosebire de funcția de script wp enqueue, care pune în coadă scripturi personalizate, metoda wp head tipărește scripturile în șablonul antet (și subsol, dacă utilizați wp_footer cârlig).

Pentru a începe, navigați la fișierul functions.php și copiați și inserați următorul cod:

funcția collectiver_custom_javascript() { ?>

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

Este demn de remarcat faptul că cârligul pentru cap wp funcționează doar pe partea frontală a site-ului dvs. web. Aceasta înseamnă că orice JavaScript personalizat adăugat prin această abordare nu va apărea în zonele de administrare sau de conectare. Cu toate acestea, dacă doriți să adăugați JavaScript în acele locații, ați putea face acest lucru utilizând cârligele de acțiune pentru capul de administrator și capul de conectare.

Dezvoltatorilor le place funcția de script wp enqueue, deoarece evită conflictele care pot apărea cu alte soluții, cum ar fi adăugarea directă de scripturi în fișierul header.php. În plus, această soluție nu generează niciun script dependent.

Problema majoră cu adăugarea JavaScript personalizat WordPress la antetul site-ului dvs. este că poate interfera cu alte plugin-uri care își încarcă propriile scripturi. Această configurație poate provoca, de asemenea, încărcarea mai multor scripturi de mai multe ori, ceea ce ar putea încetini viteza și performanța generală a site-ului dvs. web.

Adăugarea JavaScript la subsolul WordPress este relativ simplă. Puteți adăuga cod la fișierul antet sau subsol, puteți utiliza un element de cod personalizat în generatorul de pagini sau tema sau puteți utiliza un plugin specific pentru antet și subsol.

Adăugați JavaScript la subsolul dvs. WordPress

Deoarece ar trebui să evitați adăugarea JavaScript în fișierele dvs. header.php sau footer.php, vom folosi un plugin.

Recomand WPCode – Inserați anteturi și subsoluri + fragmente de cod personalizate plugin.

Selectați Setări cont si Inserați anteturi și subsoluri meniu.

Apoi inserați codul JavaScript în secțiunea de subsol a paginii.

Salvați modificările când ați terminat.

IMH

Vrei un site rapid?

Pe cine pacalesc? Nu suntem toți?

Deci, de ce atât de mulți dintre noi ne luptăm?

Cea mai mare provocare este de obicei găsirea unei companii de găzduire rapidă și de încredere.

Cu toții am trecut prin coșmaruri - suportul durează o veșnicie sau nu ne rezolvă problema, dând mereu vina pe ceva de partea ta... 

Dar cel mai mare dezamăgire este că site-ul web se simte întotdeauna lent.

At CollectiveRay găzduim cu găzduire InMotion și site-ul nostru este rapid prost. Rulăm pe o stivă personalizată de configurare a serverului LightSpeed ​​pe MariaDB cu un motor PHP7.4 și administrat prin Cloudflare. 

În combinație cu optimizările noastre front-end, serverăm în mod fiabil 6000 de utilizatori în fiecare zi, cu vârfuri de peste 50 de utilizatori simultan. 

Doriți să obțineți o configurare rapidă ca a noastră? Transferați gratuit site-ul dvs. la găzduirea InMotion și obțineți o reducere de 50% la prețurile actuale.

Încercați InMotion Hosting cu 50% REDUCERE pentru CollectiveRay vizitatori DOAR în mai 2024!

Gazduire InMotion 50% REDUCERE pt CollectiveRay vizitatori

6. Adăugarea JavaScript la WordPress Video

WordPress este atât de extensibil încât vă permite să adăugați cu ușurință noi caracteristici și funcționalități site-ului dvs. web, fără a fi nevoie să reproiectați sau să înlocuiți întreaga temă. În loc să recreați tema WordPress de la zero, puteți adăuga funcționalitatea prin simpla adăugare de pluginuri.

Și dacă funcționalitatea pe care doriți să o adăugați este destul de mică și nu este nevoie să creați sau să instalați un plugin, puteți utiliza fișier funcții.php sau diverse alte moduri de a adăuga Javascript la WordPress fără a fi nevoie să creați un plugin separat.

Cel mai bun lucru despre fișierul cu funcții este că acționează ca un plugin, care poate fi folosit pentru a adăuga caracteristici și pentru a extinde funcționalitatea temei și a WordPress în sine.

Deși puteți adăuga cu ușurință Cod Javascript direct la dumneavoastră fișierul header.php, dar există o problemă cu această metodă.

De fapt, poate provoca conflicte cu alte plugin-uri atunci când își încarcă propriile scripturi JS.

În acest articol de CollectiveRay, aruncăm o privire asupra modului corect de a adăuga javascript la temele WordPress. În calitate de dezvoltatori WordPress, acesta este unul dintre lucrurile pe care va trebui să le facem foarte des.

(Notă specială: Căutați o listă de ajustări/trucuri pe care le puteți face cu ușurință pe site-ul dvs. WordPress fără a utiliza un plugin? Puteți consulta ghidul nostru aici: 101 trucuri WordPress pe care trebuie să le cunoască orice blogger serios.)

7. Adăugați JavaScript la un widget WordPress

Dacă doriți să adăugați ceva JavaScript într-un widget WordPress, nu ar putea fi mai ușor.

Adăugați un widget, selectați meniul și selectați Editați ca HTML.

Adăugați JavaScript în interior tags and select Actualizează.

Codul pe care l-ați adăugat ar trebui să fie vizibil instantaneu atunci când vizualizați widgetul în partea din față a site-ului dvs.

Cum să depanați o eroare JavaScript pe o pagină WordPress

Depanarea JavaScript este un proces care consumă timp, dar este inevitabil pentru începători.

Din fericire, aveți instrumentele la îndemână pentru a verifica erorile.

Deschideți o pagină în browser și apăsați F12 sau selectați Instrumente pentru dezvoltatori din meniu (Chrome). De asemenea, puteți utiliza Ctrl + Shift + J (Windows/Linux) sau Cmd + Option + J (Mac).

selectaţi Consoleze fila din noua parte a ecranului care se deschide și veți vedea orice erori JavaScript evidențiate cu roșu.

Identificați de unde vine eroarea și corectați partea relevantă din JavaScript pe care l-ați adăugat.

Încercați-vă până când toate erorile au fost rezolvate.

WordPress are propriul mod de depanare, dar poate fi puțin complicat de utilizat. Aș recomanda să verificați pagina oficială de depanare pentru mai multe informații.

Întrebări frecvente despre adăugarea JavaScript la WordPress

Ce este Javascript?

JavaScript este un limbaj de calculator care se execută mai degrabă în browserul utilizatorului decât pe serverul dumneavoastră. Programarea la nivelul clientului permite dezvoltatorilor să realizeze o varietate de lucruri interesante fără a încetini site-ul dvs. Vi se poate solicita frecvent să copiați și să lipiți un fragment de cod JavaScript pe site-ul dvs. WordPress dacă doriți să încorporați un player video, să adăugați calculatoare sau un alt serviciu terță parte.

Cum adaug un fișier Javascript la WordPress?

Cea mai simplă modalitate de a adăuga un fișier Javascript la WordPress este utilizarea pluginului Insert WPCode. 

  • Conectați-vă la site-ul dvs. și instalați pluginul WPCode.
  • După ce s-a instalat, faceți clic pe Activare
  • Salvați codul sau fișierul JavaScript într-un fișier nou cu .js extensie.
  • Încărcați-l pe site-ul dvs. în următorul folder: wp-content/themes/ /js/
  • Accesați Setări > Inserați codul WPC
  • Adăugați următoarele la scripturile din antet:  <script src="https://www.website.com/wp-content/themes/<theme-you-are-using>/js/file.js"></script>

Pot folosi Javascript în WordPress?

Da, există multe moduri de a folosi Javascript în WordPress. Dacă doriți să adăugați un script simplu, puteți utiliza pluginul Insert WPCode pentru a adăuga scriptul la antet, apoi apelați scriptul din orice parte a temei, postării sau pluginului din care aveți nevoie să-l utilizați.

Cum adaug propriul meu cod la WordPress?

Cea mai bună modalitate de a adăuga propriul cod la WordPress este prin fișierul functions.php. Este recomandat să creați o temă copil și apoi să adăugați propriile modificări la tema copil, astfel încât să nu distrugeți posibilitatea de actualizare a temei.

Cum editez JavaScript în WordPress?

Cel mai bun mod de a edita Javascript în WordPress este prin crearea unei teme secundare, apoi adăugați editările Javascript sau personalizarea altor funcții în tema copil. Acest lucru vă permite să editați Javascript după cum este necesar, fără a întrerupe restul temei sau posibilitatea de actualizare a temei.

Concluzie

Cele trei metode de mai sus sunt cea mai curată modalitate de a adăuga Javascript la WordPress. În general, modificarea directă a codului ar trebui să fie făcută de utilizatori avansați care au o experiență semnificativă în cod și pot fi siguri că știu cum să anuleze orice modificări pe care le-au făcut. În caz contrar, cel mai bine este să rămâneți la pluginuri. Dacă nu vă simțiți confortabil să modificați singur codul, ar fi grozav să luați legătura cu partenerii noștri de pe Fiverr, care pot face asta pentru dvs. astăzi

sigla fiverr

Faceți clic aici pentru a găsi experți ieftini în remedieri WordPress

Despre autor
David Attard
David a lucrat în sau în jurul industriei online și digitale în ultimii 21 de ani. Are o vastă experiență în industriile software și web design folosind WordPress, Joomla și nișele din jurul lor. A lucrat cu agenții de dezvoltare software, companii internaționale de software, agenții de marketing locale și acum este șeful operațiunilor de marketing la Aphex Media - o agenție SEO. În calitate de consultant digital, se concentrează pe a ajuta companiile să obțină un avantaj competitiv folosind o combinație a site-ului lor web și a platformelor digitale disponibile astăzi. Combinația sa de experiență tehnologică, combinată cu o puternică perspicacitate în afaceri, aduce un avantaj competitiv scrierilor sale.

Inca un lucru... Știați că și persoanele care împărtășesc lucruri utile precum această postare arată MĂRĂTOARE? ;-)
Te rugăm să ne contactezi lasa un util comentează cu gândurile tale, apoi împărtășește acest lucru grupurilor tale de Facebook care ar găsi acest lucru util și să profităm împreună de beneficii. Vă mulțumim că ați împărtășit și ați fost drăguți!

Dezvaluirea: Această pagină poate conține linkuri către site-uri externe pentru produse pe care le iubim și le recomandăm din toată inima. Dacă cumpărați produse pe care vi le sugerăm, este posibil să câștigăm o taxă de recomandare. Astfel de taxe nu influențează recomandările noastre și nu acceptăm plăți pentru recenzii pozitive.

Autor (i) prezentat (e) pe:  Logo-ul revistei Inc   Sigla Sitepoint   Logo CSS Tricks    sigla webdesignerdepot   Sigla WPMU DEV   si multe altele ...