JavaScript para desarrolladores de WordPress: JavaScript se carga en WordPress

En las últimas tres semanas, hemos analizado cómo comenzar a usar JavaScript en su sitio web, cómo implementar jQuery para animaciones y efectos y cómo usar JavaScript como parte de esta serie. Ahora volvemos a los elementos básicos. Para usar JavaScript, debe saber cómo cargarlo en su sitio. Esta es la cuarta publicación de nuestra serie de cinco partes que se centra en JavaScript para los desarrolladores de WordPress. A lo largo de esta serie, aprenderá los elementos básicos, pero supongo que ya tiene conocimiento práctico sobre HTML y CSS. Si necesita ayuda con estos bloques, eche un vistazo a nuestra serie de desarrollo de WordPress.
Hasta ahora, en esta serie, observamos los elementos básicos de JavaScript, variables, matriz, funciones, objetos y hundimos nuestros dientes en la jQuery básica. Ahora es el momento de profundizar un poco más y comenzar a comprender cómo JQuery se ajusta con WordPress y cómo puede cargar los scripts mientras mantiene sus adicciones. ¿Te has perdido un tutorial en nuestra serie JavaScript para desarrolladores de WordPress? Puede mantenerse al día con las cinco publicaciones aquí:
JavaScript para desarrolladores de WordPress: aprendiendo los elementos básicos
JavaScript para desarrolladores de WordPress: nociones introductorias con objetos
JavaScript para WordPress Developers: nociones introductorias con JQuey
JavaScript para desarrolladores de WordPress: JavaScript se carga en WordPress
JavaScript para desarrolladores de WordPress: usando AJAX
Cómo WordPress cobra los scripts para dar un paso atrás y primero mire cómo WordPress carga los scripts y los estilos. Aprendí que al crear archivos JavaScript puede agregarlos a su página en la sección principal o en la sección del cuerpo, preferiblemente en la parte inferior. WordPress hace exactamente lo mismo, pero no puede (lea: no debería) simplemente colocar estas etiquetas de script en el encabezado o el archivo del sótano. WordPress utiliza un mecanismo de carga inteligente llamado cola, que se da cuenta de qué archivos cargar y cuándo. Este mecanismo es necesario para comprender las adicciones. Si escribe un código de jquey para su tema, el propio Jquey debe cargarse primero. Puede escribir un código que se basa en un complemento JQuey. En este caso, el jquey debe cargarse primero, luego el complemento y luego su código en la cola de script puede colocar scripts en la cola en el archivo de función de su base o en un archivo de complemento. Aquí está el código completo para incluir un script que se basa en JQuey:
La idea D03C5CCC6BCD91CF0255ADA4751B475E está cargada
En primer lugar, se debe conectar una función a WordPress. El primer argumento de la función add_action () dice WordPress donde se deben colocar estos scripts: en el front-end del sitio web o en el administrador. Si usa wp_enqueue_scripts, se colocarán en el lado del usuario, si usa admin_enqueue_scripts se colocará en el administrador.
Dentro de la función Hoced puede usar wp_enquee_cript para agregar los scripts que necesita. La función toma un cargo requerido y cuatro parámetros opcionales:
El primer parámetro es el nombre de su script. Puede elegir lo que quiera, pero asegúrese de nombrarlos algo único para evitar problemas de nombre. El segundo parámetro debe contener la ubicación del archivo de script.
El tercer parámetro contiene una serie de adicciones. En el ejemplo anterior, indiqué que JQuey es una adicción. Todas las adicciones se cargan antes del script.
El cuarto parámetro es una serie de versión
El quinto y último parámetro indican si desea cargar el script en el encabezado o incluso al final de la sección del cuerpo. Use True para cargar al final o falso (u omitir el valor) para cargarlo en la sección del cabezal.
WordPress Addicts se entrega con una copia del jquey, por lo que puede agregarla como adicción sin ningún dolores de cabeza. Hay muchos otros scripts y complementos de JQuey que contiene WordPress. Si su código depende de cualquiera de ellos, no incluya su propia copia, simplemente agréguela como adicción. Consulte esta lista de script en el códice de WordPress para ver cuál puede usar.
Si incluye más scripts creados por usted, puede agregarlos como adicciones iguales. Eche un vistazo al ejemplo a continuación:
La idea D03C5CCC6BCD91CF0255ADA4751B475E está cargada
Tenga en cuenta que debido a que el script básico depende de JQuey, el script de extensión también depende de ello. No importa, no tiene que agregar jquey como adicción a ambos. ¡Esto hace que la gestión de secuencias de comandos sea mucho más fácil! Registrarse y poner en línea la adición de un script consta de dos pasos, pero si usa wp_enqueue_script () como se muestra, está condensado en uno. De hecho, el primero se registra con WordPress, lo que significa que WordPress “sabrá” sobre el script. El segundo paso es poner en la cola cuando realmente se agrega a la página. En algunos casos, es posible que desee hacerlo por separado para garantizar la carga eficiente de las Escrituras. Te mostraré algunos casos de uso pronto. Para registrarse y colocar la cola en dos pasos, simplemente use wp_register_cript () con exactamente los mismos parámetros que wp_enqueue_script (), luego use wp_enqueue_script () con un solo parámetro, el nombre del script (a veces llamado mango).
La idea D03C5CCC6BCD91CF0255ADA4751B475E está cargada
Si se registra y pone la cola en el mismo lugar, no tiene sentido, pero como verá en un punto, a veces puede registrarse en una posición y poner la cola en otra.

A veces cargando, querrás usar tu script en cada página, pero a menudo solo lo necesitas en ciertos lugares. Esto es especialmente cierto cuando los scripts se crean para el administrador. Un buen ejemplo es el uso de códigos cortos. Los códigos cortos permiten a los usuarios crear pantallas avanzadas en el editor de contenido utilizando algunos trucos simples. Por ejemplo, puede crear un carrusel de imagen que los usuarios puedan agregar a la publicación de la siguiente manera: [Carousel IDS = ’42, 124,123,331.90 ‘]. Un carrusel habría creado en la página de publicación utilizando las imágenes designadas por IDS. Para hacer esto, crearía Carousel.js basado en jQuey. Aquí hay un código para hacer esto (de hecho, no hará que el carrusel solo demuestre el script): la idea de D03C5CCCCD91CF025555B475E está cargada.
Grabamos el script para asegurarnos de que WordPress lo sepa, pero solo lo colocamos en la función de código corto. De esta manera, el script se agrega a la página solo si el código corto se usa en la página. ¡No lo sé! Otro método de carga condicional de las Escrituras es el uso de funciones condicionales. Si desea cargar un script en todas las páginas de archivo de categoría, puede usar la etiqueta condicional is_category ().
La idea D03C5CCC6BCD91CF0255ADA4751B475E está cargada
La entrada de WordPress Codex en Admin_enqueue_scripts ofrece un excelente ejemplo de cómo dirigir las Escrituras a ciertas páginas de administración.
La idea D03C5CCC6BCD91CF0255ADA4751B475E está cargada
El primer parámetro de la función Hoced es la ID de la página en la que se encuentra actualmente. En el ejemplo anterior, cada vez que esa identificación no es edit.php, la función simplemente regresa. De lo contrario, pon el guión en la cola. Eliminar y reemplazar los scripts es, con mucho, un escenario ordinario, pero de vez en cuando es posible que necesite eliminar o reemplazar un script. Fui golpeado por situaciones en las que un script agregado por un complemento (pero sin usar por el tema) causó problemas. Eliminando que era la mejor opción, hizo que el error desapareciera de inmediato. También es posible que desee reemplazar a JQuery con una versión más nueva si prueba algo para asegurarse de que sea compatible con versiones más nuevas. Estas situaciones están en las que WP_Deregister_Script () y WP_dequeue_script () son útiles. Aquí le mostramos cómo reemplazar a JQuey Incorporated a WordPress con usted:
La idea D03C5CCC6BCD91CF0255ADA4751B475E está cargada
Pensamientos finales El método de cola en WordPress es excelente porque le permite agregar los scripts de manera modular. Siempre puede estar seguro de que las adicciones se cargarán correctamente: ni siquiera tiene que proporcionar muchas de ellas, porque WordPress está lleno de complementos de jQuey. Si trabaja con estilos, puede ponerlos en la cola y puede grabarlos de la misma manera, simplemente use wp_enqueue_style (). Finalmente, asegúrese de no llenar su complemento o tema con guión. Debe usar lo menos posible y concatenarlos en un solo archivo si tiene sentido. En el próximo tutorial de esta serie, analizaremos cómo usar AJAX para agregar una excelente funcionalidad a su sitio de WordPress.
¿Y este tutorial parecía útil?¿Por qué quieres aprender JavaScript en el desarrollo de WordPress?¿De qué quieres saber más?Háganos saber en los comentarios a continuación.
Javascript