Widget gratuito de fecha y hora actual de Elementor

Current Time es un widget de complementos maestros gratuito que imprime la fecha y hora actuales desde la zona horaria de su sitio de WordPress cada vez que se carga una página. Elige Personalizado para cualquier formato de fecha PHP como “Fj, Y”, MiSql para una fecha y hora estilo 2026-09-15 10:35:43, o Marca de tiempo para una marca de tiempo Unix. No funciona como un reloj en vivo mientras un visitante permanece en la página, y las páginas almacenadas en caché muestran la hora en que se creó el caché. Úselo para la fecha de hoy en un encabezado, un año de copyright del pie de página o una línea de “página vista en”.

Widget de hora actual Tipo de hora y fecha Formato Configuración de cadena junto a una fecha formateada

Flexibilidad del formato de tiempo

Conjunto Tipo de tiempo para Personalizado, MySql o TimeStamp. Con Personalizado, escriba un formato en Cadena de formato de fecha, que comienza con el formato de fecha de su sitio. El Ejemplos de formato de fecha y hora link abre la guía de WordPress para formatear caracteres, de modo que pueda copiar patrones como “l, F jS, Y” o “g:ia”.

  • Tres tipos de salida: Custom, MySql y TimeStamp.
  • Caracteres de fecha PHP estándar, como l para el día laborable y F para el mes.
  • Los nombres de meses y días siguen el idioma de su sitio.

Tipografía avanzada y estilismo de textos

Una marca de tiempo no debe ser sólo informativa 'puede ser hermosa. Tome control total del diseño sobre el texto dinámico. Utilice el panel completo de tipografía para elegir la fuente perfecta Familia, tamaño y peso. Hágalo audaz y grande para darle énfasis, o pequeño y sutil para obtener derechos de autor. Ajuste el espacio entre letras y la altura de las líneas para lograr una legibilidad premium. Luego, aplique Color de texto y agregue una sombra de texto para que aparezca en cualquier fondo. Esto convierte una simple visualización de la hora en una parte considerada de la jerarquía visual de su página.

  • Tipografía profesional: control total sobre la familia de fuentes, el tamaño, el peso y el estilo.
  • Espaciado detallado de textos: ajuste el espaciado entre letras y palabras para lograr una apariencia personalizada y pulida.
  • Efectos visuales: aplique color de texto y sombra de texto dinámica para obtener profundidad y contraste.
Tipografía del widget de hora actual, configuración de sombras de texto y color junto a una fecha con estilo
Configuración de alineación del widget de hora actual con la fecha colocada en una sección de la página

Alineación simple e integración limpia

El toque final es la colocación. Utilice los controles de alineación simples (izquierda, centro, derecha) para colocar su elemento de tiempo actual exactamente donde necesita ir en su contenedor (no se necesita CSS adicional). Esto, combinado con su estilo tipográfico, permite que el elemento se integre limpiamente en encabezados, pies de página, barras laterales o secciones de héroe. Proporciona información vital y de actualización automática, aunque parece que siempre fue una parte nativa del diseño.

  • Alineación con un solo clic: alinee instantáneamente su texto de tiempo a la izquierda, al centro o a la derecha dentro del área de su widget.
  • Diseño consciente del contexto: peina y alinéalo para que funcione perfectamente en un encabezado de página en negrita o en una línea de derechos de autor discreta.
Visor de plantillas
Facebook
Gorjeo
WhatsApp
Copiar enlace
Compra ahora
Hora de MySQL
Hora de MySQL
Hora actual con marca de tiempo
Hora actual con marca de tiempo

Preguntas frecuentes para el momento actual

Conozca las consultas más frecuentes que tienen los usuarios sobre la hora actual y encuentre respuestas en un solo lugar.
¿A qué hora se muestra realmente este widget?

Muestra la hora en la zona horaria de su sitio de WordPress, configurada en Configuración, General. Cada visitante ve la misma hora del sitio, no su propia hora local. Para la hora local de un visitante, necesitará un reloj JavaScript.

La hora se actualiza automáticamente cada vez que un visitante carga o actualiza la página. Es un shortcode/widget dinámico del lado del servidor. No “marca” como un reloj en vivo en tiempo real en la página a menos que se agregue JavaScript personalizado. Es perfecto para marcas de tiempo o visualizaciones de fechas diarias de “Página generada en...”.

No, este elemento está diseñado específicamente para mostrar la fecha y hora actuales en el momento de la carga de la página. Para mostrar una fecha futura o pasada fija (como la fecha de un evento), usaría un widget de texto estático o el elemento Temporizador de cuenta regresiva para fechas futuras.

  • Personalizado: le permite ingresar cualquier cadena de formato estilo WordPress/PHP (por ejemplo, Fj, Y).
  • mySQL: emite la hora en el formato de fecha y hora estándar de MySQL (Ymd H:is -gn 2025-12-14 17:01:11).
  • Marca de tiempo: muestra la marca de tiempo Unix sin formato (p. ej., 1734202871), que es el número de segundos desde el 1 de enero de 1970. Útil para contextos técnicos o de desarrollo.
¿cuál es un buen formato para una línea de derechos de autor en mi pie de página?

Un formato limpio y profesional lo es \© Y Master Addons. Esto generaría: © 2025 Master Addons. El \ escapa del símbolo de derechos de autor e Y muestra el año actual completo. Se actualizará automáticamente cada 1 de enero.

Los códigos de formato (como F para mes) generan texto en el idioma definido de su sitio desde WordPress. Si su sitio se traduce (usando un complemento como WPML o Polylang), los nombres de meses y días deben aparecer en el idioma elegido. El formato en sí sigue siendo el mismo.

  • Copyright del pie de página: Y para el año de actualización automática.
  • Barra lateral de noticias/blog: “Hoy: l, Fj, Y” para mostrar la fecha completa.
  • Marca de tiempo “Última actualización” en páginas de documentación o políticas.
  • Páginas de eventos: Para mostrar la fecha actual relativa a la fecha del evento.
  • Áreas de panel/administrador: uso del formato H:i para mostrar el tiempo limpio.

A continuación se muestran algunos ejemplos de formato de fecha con el resultado salida de WordPress Docs. 

  • Fj, Yg:ia -16 de noviembre de 2010 12:50 am
  • Fj, Y -ñan 6 de noviembre de 2010
  • F, Y ñan noviembre de 2010
  • g:ia --12:50 am
  • g:is a --12:50:48 am
  • l, F jS, Y ñan Sábado 6 de noviembre de 2010
  • Mj, Y @ G:i -6 de noviembre de 2010 @ 0:50
  • Y/m/d \a\tg:i A -ñan 2010/11/06 a las 12:50 a.m
  • Y/m/d \a\t g:ia -ñan 2010/11/06 a las 12:50 am
  • Y/m/dg:is A --2010/11/06 12:50:48 AM
  • Y/m/d --2010/11/06

Widgets y extensiones de Elementor de tendencia

Cree sitios web sofisticados en menos tiempo.

Master Addons Extensión Glassmorphism para Elementor: tarjetas de vidrio esmerilado con el control Blur Value configurado en 20px

Vidriomorfismo

Inicio Extensión de Glassmorphism Elementor gratuita: Efecto del vidrio esmerilado en un solo cambio El Glassmorphism es el esmerilado...
Ver detalles
Extensión Master Addons Container Extras para Elementor: contenedor con un límite de ancho máximo de 1400px, con controles de ancho máximo, alto máximo, ancho mínimo y alto mínimo

Extras de contenedores

Inicio Elementor Container Controles de ancho y alto máximo Container Extras es un maestro gratuito...
Ver detalles
Extensión de patrones de complementos maestros para Elementor: héroe con el estilo Purple Gradient Grid Left, tres estilos de patrones más y el panel Habilitar patrón

Patrones

Inicio 70+ Patrones de fondo de Elementor gratuitos Patrones es una extensión de complementos maestros gratuita que agrega...
Ver detalles
Extensión de duplicador de páginas/publicaciones de complementos maestros para Elementor: enlace de fila de duplicador MA en la lista de páginas de WordPress que crea una página de inicio - borrador [duplicado #128]

Duplicador de publicaciones/páginas

Inicio Duplicar páginas y publicaciones de Elementor en un clic Publicación/Duplicador de páginas es un maestro gratuito...
Ver detalles
Extensión de la barra de progreso de lectura de complementos maestros para Elementor: barra azul llena al 42% en la parte superior de una página de política de privacidad, con configuraciones de habilitar, colocar, altura y llenar color

Barra de progreso de lectura

Inicio Agregue una barra de progreso de lectura en WordPress (Elementor) La barra de progreso de lectura es gratuita...
Ver detalles