Com afegir adequadament un fitxer JavaScript al tema de WordPress mitjançant cPanel

O bé, desenvolupeu un tema de WordPress des de zero o modifiqueu un tema existent, potser haureu de conèixer la manera adequada d’afegir un fitxer JavaScript.


Si esteu pensant a utilitzar l’antic mètode escolar del Web 1.0 enllaçant el JavaScript al cap, és una mala idea perquè avui dia, és una era del Web 2.0 en què la gent té llocs web dinàmics..

Hauríeu d’entendre el concepte de Codex del tema de WordPress i com obtenir un JavaScript i un fitxer CSS. Ja hem parlat d’afegir un fitxer CSS.

Així, en aquest tutorial, obtindràs informació sobre com afegir dinàmicament un fitxer JavaScript a un tema de WordPress.

Per coincidir amb l’últim estàndard de codificació, sempre heu de seguir WordPress Codex, que actualitza el temps a temps. Potser us pregunteu com si necessiteu habilitats de codificació o no.

Bé, si heu cercat aquest article, suposo que ja coneixeu els fonaments bàsics del desenvolupament de temes de WordPress.

Obteniu informació sobre el Còdex d’obtenir JavaScript

Mentre desenvolupeu un tema de WordPress, podeu trobar-vos amb moltes funcions similars. Com podeu veure, per afegir un fitxer JavaScript, podeu utilitzar la mateixa funció que ho heu fet per afegir un fitxer CSS.

Tot i que hi ha una mica de diferència perquè JavaScript té moltes categories, tot i això no té esforç. Deixa’m ensenyar-te.

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

Permetin-me explicar tots els paràmetres.

  1. $ handle:- És el nom del fitxer JavaScript.
  2. $ src:- L’adreça del fitxer.
  3. $baixades:- Si voleu crear una matriu, podeu.
  4. $ ver:- Podeu esmentar la versió JavaScript.
  5. $ in_footer:- Per defecte, el seu valor és "fals" el que significa que el fitxer JavaScript s’afegeix al cap.

Ara fes un cop d’ull a aquest exemple.

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

El nom del fitxer és "el meu-guió" i es troba en una "js" carpeta.

Nota: si voleu carregar-lo des de la zona de peu de pàgina per millorar el rendiment del lloc web, podeu configurar la opció $ in_footer valor a "cert."

El codi es transforma de la manera següent.

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

La tasca encara no s’ha acabat Perquè funcioni, heu de crear una funció i fer servir una acció. Si ja heu afegit un fitxer CSS, podeu utilitzar la mateixa funció.

Permeteu-me que us mostri el codi complet.

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

Ara sorgeix la pregunta, on cal afegir aquest codi?

Bé, com ja sabeu, el fitxer funcions.php del vostre tema de WordPress és responsable de totes les funcions que té un lloc web de WordPress, afegeix el codi al fitxer i guarda.

Si modifiqueu el tema existent, espero que pugueu accedir fàcilment al fitxer funcions.php mitjançant cPanel. Avui en dia, gairebé totes les empreses d’allotjament que ofereixen accés a cPanel.

Només cal anar a Gestor d’arxius>>contingut wp>>temes>>nom del tema>>funcions.php. Feu clic amb el botó dret per triar l’edició i us convé anar.

Com afegir adequadament un fitxer JavaScript a un tema de WordPress

L’edició de codis pot ser temible si no coneixeu les funcions de WordPress i el PHP.

Per a un desenvolupador de temes de WordPress, afegint un nou fitxer JavaScript pot fer que el lloc web sigui més dinàmic que abans, potser ho necessitareu per a la versió mòbil del menú de navegació..

Segons les vostres necessitats, podeu utilitzar un fitxer JavaScript.

Espero que sigui difícil afegir un fitxer JavaScript a un tema de WordPress

Al cap de poc, la gent comença a negar-se quan llegeix sobre la codificació de WordPress. Però, per a un usuari habitual de WordPress, no cal fer front a codis.

WordPress és una plataforma fàcil d’utilitzar, desenvolupada per a persones no tecnològiques. Podeu comprar un tema de WordPress des del mercat.

A la web hi ha milions de temes.

Conclusió

El tutorial és per a usuaris avançats o persones que vulguin aprendre sobre el desenvolupament de temes de WordPress. La potenciació de les vostres habilitats de codificació sempre és una bona idea.

Espero que afegiu un fitxer JavaScript no sigui tan difícil com la gent diu.

Consulteu aquests tres millors serveis d’allotjament de WordPress:

FastComet

Preu inicial:
2,95 dòlars


Fiabilitat
9.7


Preu
9.5


Usuari amigable
9.7


Assistència
9.7


Característiques
9.6

Llegiu comentaris

Visita FastComet

Hostinger

Preu inicial:
0,99 USD


Fiabilitat
9.3


Preu
9.3


Usuari amigable
9.4


Assistència
9.4


Característiques
9.2

Llegiu comentaris

Visita Hostinger

A2 Hosting

Preu inicial:
3,92 dòlars


Fiabilitat
9.3


Preu
9.0


Usuari amigable
9.3


Assistència
9.3


Característiques
9.3

Llegiu comentaris

Visita Hosting A2

Articles relacionats amb la informació

  • Com afegir adequadament un fitxer CSS a un tema de WordPress mitjançant cPanel
    expert
  • Com desconnectar tots els usuaris a WordPress alhora
    intermèdia
  • Com editar el fitxer .htaccess del vostre lloc web de WordPress mitjançant cPanel
    principiant
  • Com iniciar sessió en WordPress mitjançant Softaculous de cPanel
    intermèdia
  • Com solucionar un error HTTP que apareix a la mediateca de WordPress
    principiant
Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me