Algunas páginas deben mostrarse ahora mismo: la fecha actual en una página de reserva, una marca de tiempo en un tablero de estado, la fecha de hoy en una barra de encabezado. El gratis Widget de hora actual en Complementos maestros para Elementor imprime la hora del sitio en cualquier formato, desde una marca de tiempo sin formato de Unix hasta el “4 de julio de 2026 a las 10:36 a. m.”, con el estilo de cualquier otro texto de Elementor.
Es uno de los widgets más pequeños del complemento y esta guía lo cubre todo: los tres tipos de tiempo, las cadenas de formato y el estilo.
Qué hace el widget de hora actual #
El widget genera la fecha y hora actuales como texto, generado de forma nueva en cada carga de página. Tú eliges cómo se ve con el Tipo de tiempo la configuración y la pestaña Estilo manejan el color, la sombra y la tipografía. Ese es el widget completo, razón por la cual es exactamente útil: sin código corto, sin fragmento de código, solo el momento en que lo sueltas.
Antes de empezar #
- WordPress con Elementor instalado y activo.
- Complementos maestros para Elementor instalado y activo. ¿Nuevo en el complemento? Ver el guía de instalación.
- El widget de hora actual habilitado en el panel de opciones de complementos maestros, en Widgets dinámicos.
- Su zona horaria de WordPress configurada correctamente en Configuración, General. El widget imprime la hora del sitio, por lo que una zona horaria incorrecta muestra un reloj incorrecto.
Cómo agregar el widget Hora actual #
En el editor Elementor, busque el Elementos panel para Hora actual y arrástrelo a la página. Imprime la hora inmediatamente en el formato MySql predeterminado, como 2026-07-04 10:35:43, listo para ser reformateado.
Elija el tipo de hora #
El General la sección tiene dos controles: Tipo de tiempo y Alineación. El menú desplegable tipo ofrece tres salidas: MiSql, el valor predeterminado, imprime una fecha y hora estilo base de datos como 2026-07-04 10:35:43; Marca de tiempo imprime la marca de tiempo sin procesar de Unix, el número de segundos desde 1970; y Personalizado toma cualquier formato que definas. Aquí está TimeStamp en el lienzo:
Una marca de tiempo se adapta a páginas técnicas e integraciones de cuenta regresiva. Para cualquier cosa que los visitantes realmente lean, cambie el tipo a Personalizado; nadie quiere hacer los segundos desde 1970 en matemáticas.
Cree un formato de fecha personalizado #
Con Personalizado seleccionado, a Cadena de formato de fecha aparece el campo. Se necesitan caracteres de formato de fecha PHP estándar: los de la demostración F j, Y g:i a se representa como “4 de julio de 2026 a las 10:36 am” en el lienzo en el momento en que se escribe.
El Ejemplos de formato de fecha y hora el enlace debajo del campo abre una referencia de cadenas listas para usar con su salida, por lo que puedes copiar una en lugar de memorizar caracteres en formato PHP:
Algunos de la lista:
F j, Y g:i a«6 noiembrie 2010 12:50 amF j, Y«6 noiembrie 2010g:i a« 12:50 aml, F jS, Y« Sábado 6 de noviembre de 2010Y/m/d« 2010/11/06
Estilo la salida #
El Estilo tab tiene una sección, Texto, con tres controles. Color establece el color del texto y Sombra de texto agrega desenfoque y desplazamiento cuando el tiempo pasa sobre una imagen:
Tipografía cubre familia, tamaño y peso. La demostración establece a Roboto en semibold, convirtiendo la línea simple en algo que se mantiene firme en un encabezado:
El resultado en la página #
La página publicada imprime la fecha y hora en vivo en su formato y estilo, fresca en cada carga:
Casos de uso comunes #
- Fechas de encabezado y barra superior en sitios de noticias y revistas.
- Páginas de reservas y reservas mostrando la fecha de hoy al lado del formulario.
- Páginas de estado y panel con una marca de tiempo “a partir de”.
- Secciones de cuenta atrás y oferta emparejar la fecha actual con a Temporizador de cuenta regresiva.
- Páginas aptas para imprimir como cotizaciones y facturas que deberían llevar el día en que fueron vistas.
Consejos para utilizar el widget #
- Primero arregle la zona horaria. El widget imprime el reloj de WordPress; si la zona horaria del sitio es UTC, también lo es el widget. Configuración, General, Zona horaria.
- Copie de la página de ejemplos. La referencia de formato vinculada bajo el campo cubre los diseños comunes; comience allí y ajuste.
- Escapar de letras literales. En cadenas de fechas PHP, las letras son códigos de formato. La referencia
Y/m/d \a\t g:i Amuestra cómo un “arroba” literal obtiene barras invertidas. - Almacenamiento en caché mental. La hora representa la carga de la página, por lo que una página almacenada en caché durante una hora muestra una hora anterior. Bien para fechas, engañoso para un reloj.
- Mantenga el formato corto en los encabezados. “4 de julio de 2026” encaja en una barra superior; la cadena completa de fecha más tiempo quiere un lugar más amplio.
Vídeotutorial #
Si desea ver el widget de hora actual en acción, este breve video cubre toda la configuración, desde la salida predeterminada hasta la fecha personalizada diseñada:
Preguntas frecuentes #
¿cuál es el widget de hora actual en los complementos maestros?
Es un widget Elementor que imprime la fecha y hora en vivo como texto. Elija el valor predeterminado de fecha y hora de MySql, una marca de tiempo Unix sin formato o un tipo personalizado con cualquier cadena de formato de fecha PHP, alinéelo y diseñe el color, la sombra y la tipografía desde la pestaña Estilo.
¿Cómo cambio el formato de fecha?
Establezca el tipo de tiempo en Personalizado y escriba una cadena de formato de fecha PHP en el campo Cadena de formato de fecha. Por ejemplo, Fj, Yg:ia se representa como 4 de julio de 2026 a las 10:36 am. El enlace Ejemplos de formato de fecha y hora debajo del campo enumera cadenas listas para usar.
¿qué zona horaria utiliza el widget?
Utiliza la zona horaria de su sitio de WordPress desde Configuración, General. Si la hora mostrada parece incorrecta, corrija la zona horaria allí en lugar de en el widget; el widget no tiene una configuración de zona horaria separada.
¿La actualización de la hora está activa en la página?
La hora se genera cuando se carga la página, por lo que cada visita muestra la hora actual en ese momento. No avanza como un reloj mientras el visitante permanece en la página, y las páginas almacenadas en caché muestran la hora en que se creó el caché.
¿Puedo mostrar sólo la fecha sin la hora?
Sí. Utilice una cadena de formato sin caracteres de tiempo, como Fj, Y para el 4 de julio de 2026 o Y/m/d para 2026/07/04. Cualquier combinación de caracteres de fecha PHP funciona, por lo que la salida puede ser tan corta como un año.
Envolviendo #
El widget Current Time hace un trabajo limpiamente: la fecha y hora en vivo, en cualquier formato que PHP pueda expresar, con el estilo de texto nativo de Elementor. Establezca la zona horaria del sitio, elija o copie una cadena de formato y se ejecutará solo. Explore el conjunto completo de Widgets y extensiones de complementos maestros para el resto de widgets dinámicos, consulte el Página del widget de hora actual para demostraciones.
