Los 8 mejores tutoriales de JQuery para principiantes en WordPress | cómo hacer un sitio web o blog en 2020

jQuery puede ayudarlo a crear sitios web atractivos, interactivos y fáciles de usar. Para aquellos que saben poco sobre CSS y HTML, jQuery suena complicado, pero con tutoriales fáciles de seguir, cualquiera puede agregar efectos complejos a su sitio web. En este artículo, enumeraremos algunos de los mejores tutoriales de jQuery para principiantes en WordPress.

Estos tutoriales no solo le enseñarán cómo agregar estos hermosos scripts de jQuery a su sitio de WordPress, sino que también tendrá la oportunidad de aprender algunos conocimientos sobre jQuery y cómo usarlo en WordPress. Para los principiantes, recomendamos que primero revise nuestra guía para aprender cómo agregar fragmentos de código a WordPress y cómo agregar correctamente JavaScript y estilos a WordPress.

1. Cómo agregar el widget jQuery Tabber a WordPress

Los gadgets con pestañas le permiten ahorrar espacio en la barra lateral al combinar varios widgets en un widget con pestañas. En este tutorial de jQuery, aprenderá a crear el widget jQuery Tabber como un complemento que es fácil de modificar, y puede personalizarlo para agregar lo que desee a la pestaña.

2. Cómo agregar preguntas frecuentes sobre el acordeón jQuery en WordPress

La página de preguntas frecuentes puede volverse más larga y más difícil de leer. En este tutorial de jQuery, le mostraremos cómo usar el acordeón jQuery para crear una sección de preguntas frecuentes de su sitio web. Esto crea una mejor experiencia de usuario, ya que los usuarios pueden revisar los problemas rápidamente sin tener que desplazarse demasiado.

3. Cómo usar jQuery para agregar un efecto de desplazamiento suave en la parte superior de WordPress

Para los sitios web que publican artículos extensos en los que los usuarios necesitan desplazarse mucho para ver el contenido completo, un botón o enlace que envía a los usuarios a la parte superior de la página puede proporcionar una mejor experiencia de usuario. En este tutorial, le mostraremos cómo usar jQuery para agregar un botón de retroceso al comienzo del efecto de desplazamiento suave.

4. Cómo agregar información sobre la herramienta jQuery en el formulario de comentarios de WordPress

Las sugerencias se pueden utilizar para proporcionar a los usuarios instrucciones o información útiles al pasar el cursor sobre un elemento. En este tutorial sobre jQuery, le mostraremos cómo agregar consejos al formulario de comentarios de WordPress. No solo se ve hermoso, sino que también anima a sus usuarios a participar en las discusiones en su sitio web.

5. Cómo usar FitVids para hacer que sus videos sean receptivos en WordPress

Cuando agrega videos de YouTube a su sitio de WordPress, no responden de forma predeterminada. Incluso si su tema de WordPress responde, el contenedor de video se inclinará desproporcionadamente, creando una mala experiencia de usuario para los usuarios con dispositivos y tamaños de pantalla más pequeños. En este tutorial, le mostraremos cómo usar el complemento jQuery de Fitvids para que sus videos sean receptivos en WordPress.

6. Cómo agregar recomendaciones rotativas en WordPress

Como sugiere el título, en este tutorial le mostraremos cómo agregar recomendaciones de rotación a su sitio de WordPress. Esto es muy útil cuando tiene una sección de recomendaciones en su sitio web y desea utilizar el efecto jQuery corto para mostrar recomendaciones.

7. Cómo agregar un menú con un panel deslizante en un tema de WordPress

Cuando el usuario hace clic en el botón de menú en su sitio web, aparecerá un menú con un panel deslizante. En este tutorial, aprenderá a usar jQuery para crear un menú deslizante adecuado para dispositivos móviles.

8. Cómo agregar recomendaciones de pistas en temas de WordPress

En este tutorial, le mostraremos cómo mostrar las recomendaciones de los usuarios en las sugerencias de jQuery. Se basa en el código que usamos en la página de videos de WPBeginner. Cuando el usuario coloca el cursor del mouse sobre la foto del usuario, en lugar de mostrar la recomendación en la cita de bloque, se muestra el texto de la recomendación.

Esperamos que pueda probar algunos de estos tutoriales de jQuery en su sitio de WordPress. Esperamos que esto le permita comenzar a usar temas de jQuery y WordPress. Si desea ver algunos trucos específicos de jQuery en WordPress, háganoslo saber. Para comentarios y preguntas, deje un comentario.