Con este vídeo de la Zona Código aprendes a crear una cuenta atrás hasta una fecha concreta en WordPress, con diseño propio y usando el bloque HTML con sus pestañas de HTML, CSS y JavaScript.
Ya vimos cómo hacer una cuenta atrás siguiendo un ejemplo de código externo de W3Schools.
Aquí damos un paso más: en vez de adaptar el código de otro, lo construimos desde cero con nuestro propio diseño, todo dentro del bloque HTML de WordPress.
Esto significa que puedes cambiar los colores, el tamaño y los textos directamente desde el editor, sin tocar ningún archivo del tema ni ningún snippet de PHP. Y si necesitas varias cuentas atrás en distintas páginas, cada bloque funciona de forma independiente.
El resultado son cuatro cajas con días, horas, minutos y segundos que se actualizan cada segundo, con un mensaje final configurable que aparece cuando se llega a la fecha.
Todo el código va en un solo bloque HTML de WordPress y solo afecta a la página donde lo coloques.
Vídeo: cómo crear una cuenta atrás en WordPress con el bloque HTML
Este contenido es para miembros
Incluye acceso a todos los cursos, vídeos de la Zona Código, recursos, al soporte y a la comunidad privada. Inicia sesión si eres miembro.
Código para la cuenta atrás
Este contenido es para miembros
Incluye acceso a todos los cursos, vídeos de la Zona Código, recursos, al soporte y a la comunidad privada. Inicia sesión si eres miembro.
Vídeos relacionados: