8 Mejores Tutoriales de jQuery para Principiantes de WordPress

jQuery le ayuda a crear sitios web interactivos, fáciles de usar y hermosos. Para aquellos con poco conocimiento de CSS y HTML jQuery suena complicado, pero con tutoriales fáciles de seguir cualquiera puede añadir efectos de fantasía a su sitio. En este artículo, vamos a enumerar algunos de los mejores tutoriales de jQuery para principiantes de WordPress.

Con estos tutoriales no sólo aprenderá a añadir estos ingeniosos scripts jQuery a su sitio de WordPress, sino que también tendrá la oportunidad de aprender un poco de jQuery, y cómo utilizarlo en WordPress. Para principiantes absolutos le recomendamos que primero eche un vistazo a nuestra guía sobre cómo añadir fragmentos de código en WordPress y cómo añadir correctamente JavaScript y Estilos en WordPress.

1. Cómo agregar jQuery Tabber Widget en WordPress

El widget Tabber le permite ahorrar espacio en la barra lateral combinando varios widgets en un solo widget con pestañas. En este tutorial de jQuery aprenderás a crear un widget de jQuery Tabber como un plugin que es fácil de modificar y puedes personalizarlo para añadir el contenido que quieras en pestañas.

2. Cómo añadir un acordeón de jQuery FAQ en WordPress

Las páginas de preguntas frecuentes pueden ser más largas y difíciles de leer. En este tutorial de jQuery le mostramos cómo crear una sección de preguntas frecuentes en su sitio web usando el acordeón de jQuery. Esto crea una experiencia de usuario mucho mejor, ya que los usuarios podrán ver rápidamente las preguntas sin tener que desplazarse demasiado.

3. Cómo añadir un desplazamiento suave a Top Effect en WordPress usando jQuery

Para los sitios web que publican artículos de formato largo en los que un usuario necesita desplazarse mucho para ver el contenido completo, un botón o enlace para enviar a los usuarios de vuelta a la parte superior de la página proporciona una mejor experiencia de usuario. En este tutorial le mostramos cómo añadir un botón de regreso a la cima con un efecto de desplazamiento suave usando jQuery.

4. Cómo agregar sugerencias de herramientas de jQuery en el formulario de comentarios de WordPress

Los consejos sobre las herramientas se pueden utilizar para proporcionar instrucciones a los usuarios o información útil a medida que pasan el ratón por encima de algún elemento. En este tutorial de jQuery le mostramos cómo añadir herramientas a su formulario de comentarios de WordPress. No sólo se ve bonito, sino que también anima a sus usuarios a participar en las discusiones en su sitio.

5. Cómo hacer que sus vídeos respondan en WordPress con FitVids

Cuando agrega vídeos de YouTube a su sitio de WordPress, no responden de forma predeterminada. Incluso si tu tema de WordPress es sensible, el contenedor de vídeo se inclinará desproporcionadamente creando una mala experiencia de usuario para los usuarios en dispositivos más pequeños y tamaños de pantalla. En este tutorial te mostramos cómo usar el plugin jQuery de Fitvids para que tus vídeos respondan en WordPress.

6. Cómo agregar testimonios rotativos en WordPress

Como el título sugiere, en este tutorial le mostramos cómo agregar testimonios rotativos a su sitio de WordPress. Muy útil cuando tienes una sección de testimonios en tu sitio web y quieres mostrar testimonios con un efecto jQuery limpio.

7. Cómo Agregar un Menú de Panel de Diapositivas en Temas de WordPress

Un menú de panel de diapositivas aparece cuando un usuario hace clic en el botón de menú de su sitio web. En este tutorial aprenderá a crear menús de paneles de diapositivas amigables para móviles usando jQuery.

8. Cómo agregar testimonios de consejos de herramientas en temas de WordPress

En este tutorial le mostramos cómo mostrar testimonios de usuarios en jQuery Tooltip. Se basa en el código que hemos utilizado en la página de vídeos de AprenderWP. En lugar de mostrar los testimonios entre comillas, muestra el texto del testimonio cuando un usuario pasa el ratón por encima de la foto del usuario.

Esperamos que pruebe algunos de estos tutoriales de jQuery en su sitio de WordPress. Esperamos que esto le ayude a empezar a trabajar con temas de jQuery y WordPress. Háganos saber si hay algún consejo específico de jQuery que le gustaría ver implementado en WordPress? Para comentarios y preguntas, por favor deje un comentario.