WordPress y jQuery: ventajas de la bi­blio­te­ca

La bi­blio­te­ca de jQuery en WordPress sirve para optimizar tu página web y te permite usar di­fe­re­n­tes funciones re­co­no­ci­das por todos los na­ve­ga­do­res populares. Además, gracias a que la bi­blio­te­ca ya está incluida en WordPress, añadir jQuery al CMS es muy fácil.

¿Qué es jQuery para WordPress?

Ja­va­S­cri­pt es uno de los lenguajes de script más usados y conocidos en páginas web dinámicas. En el pasado, sin embargo, se en­fre­n­ta­ba a un problema im­po­r­ta­n­te, pues cada navegador podía in­te­r­pre­tar los scripts de forma diferente, por lo que el contenido mostrado variaba en cada caso. No solo eso: los na­ve­ga­do­res más antiguos ni siquiera podían mostrar los scripts y, en su lugar, arrojaban mensajes de error. Para so­lu­cio­nar el problema, Ja­va­S­cri­pt de­sa­rro­lló jQuery. Pre­ci­sa­me­n­te en WordPress, que integra la bi­blio­te­ca por defecto, y en otros sistemas populares de gestión de co­n­te­ni­dos, jQuery se encarga de que los procesos sean fluidos.

¿Por qué usar jQuery en tu página de WordPress?

Existen varias razones por las que puede ser una buena idea usar jQuery en tu página de WordPress. Por un lado, la bi­blio­te­ca te permite crear una página web con elementos dinámicos e in­ter­ac­ti­vos que funcionen en todos los na­ve­ga­do­res populares, incluso si no cuentas con muchos co­no­ci­mie­n­tos previos. Además, a través de jQuery, tus scripts se pueden im­ple­me­n­tar di­re­c­ta­me­n­te en el navegador sin necesidad de refrescar la página, lo cual tiene un impacto positivo en tu ancho de banda di­s­po­ni­ble. Asimismo, jQuery es un co­m­po­ne­n­te fijo de WordPress, por lo que vale la pena que aprendas a usar la bi­blio­te­ca desde el principio y que la incluyas en tu proceso de diseño.

Cómo im­ple­me­n­tar jQuery en WordPress

Gracias a que jQuery ya forma parte de WordPress, no hace falta instalar ningún plugin extra para usar la bi­blio­te­ca. Sin embargo, es im­po­r­ta­n­te que es­ta­ble­z­cas la co­m­pa­ti­bi­li­dad entre ambos, ya que, de lo contrario, pueden aparecer problemas al usar el atajo de teclado “$” de jQuery. Esto se debe a que WordPress no lo reconoce y responde a él con un mensaje de error. A co­n­ti­nua­ción, te ex­pli­ca­mos cómo añadir jQuery a WordPress de manera que puedas eliminar esta fuente de errores desde el principio. Antes de comenzar con los pasos que seguir, te re­co­me­n­da­mos en­ca­re­ci­da­me­n­te hacer un backup de WordPress.

El modo de no conflicto

Como indica su nombre, el modo de no conflicto se usa para poder im­ple­me­n­tar jQuery en WordPress sin que se generen co­n­fli­c­tos. Para ello, puedes crear y ejecutar un sencillo script que diga lo siguiente:

$.noConflict ();
jQuery (document) .ready (function () {
jQuery ("button") .click (function () {
jQuery ("p") .text ("jQuery is still working” ");
}};
}};

Crea un nuevo script

Close

A co­n­ti­nua­ción, para usar las funciones de jQuery en WordPress, deberás crear un nuevo script. El nombre lo puedes elegir li­bre­me­n­te: lo único im­po­r­ta­n­te es que termine en .js (por ejemplo: nuevo_script.js). Después, crea una su­b­ca­r­pe­ta en el di­re­c­to­rio de tu tema de WordPress, que deberás nombrar /js. Además, para evitar que los cambios que hagas afecten a tu tema de forma negativa, puede que valga la pena crear un tema hijo en WordPress.

Crea un archivo functions

Close

Como tercer paso, si es que todavía no existe, crea un archivo functions.php nuevo y guárdalo en la carpeta de tu tema. Este archivo se usa para adaptar los temas y añadirles más funciones. Para usar las ca­ra­c­te­rí­s­ti­cas de jQuery en WordPress, usa la función wp_enqueue-script(). El script co­rre­s­po­n­die­n­te podría verse, por ejemplo, así:

Function tema_de_ejemplo _scripts () {
wp_enqueue_script ( ( nuevo-script', get_template_directory_uri () .
' /js/nuevo-script.js', array ( 'jquery' ), '1.0.0', true );
}
Add_action ( 'wp_enqueue_scripts', 'tema_de_ejemplo_scripts' );

En resumen: usar jQuery en WordPress sí vale la pena

Como jQuery ya está incluido en WordPress, resulta lógico usar la bi­blio­te­ca. Sin embargo, ese no es el único motivo por el que vale la pena invertir un poco de tiempo en un tutorial de jQuery: la bi­blio­te­ca no solo hará tu trabajo más fácil, sino que también ofrece muchas funciones y ca­ra­c­te­rí­s­ti­cas que harán que tu presencia online sea mucho más atractiva.