Algumas páginas precisam mostrar agora mesmo: a data atual em uma página de reserva, um carimbo de data/hora em um quadro de status, a data de hoje em uma barra de cabeçalho O gratuito Widget de Tempo Atual em Complementos Mestres para Elementor imprime a hora do site em qualquer formato, de um carimbo de data/hora Unix bruto até “July 4, 2026 10:36 am”, estilizado como qualquer outro texto Elementor.
É um dos menores widgets do plugin, e este guia cobre tudo isso: os três tipos de tempo, as strings de formato e o estilo.
O que o widget Hora Atual faz #
O widget gera a data e hora atuais como texto, gerado fresco em cada carregamento de página Você escolhe como é com o Tipo de tempo configuração, e a guia Estilo lida com cor, sombra e tipografia Esse é todo o widget, e é exatamente por isso que é útil: sem shortcode, sem snippet de código, apenas o momento em que você o solta.
Antes de começar #
- WordPress com Elementor instalado e ativo.
- Complementos Mestres para Elementor instalado e ativo. Novo no plugin? veja o guia instalação.
- O widget Hora Atual habilitado no painel de opções Master Addons, em Widgets Dinâmicos.
- Seu fuso horário WordPress definido corretamente em Configurações, Geral O widget imprime a hora do site, então um fuso horário errado mostra um relógio errado.
Como adicionar o widget Hora Atual #
No editor Elementor, pesquise no Elementos painel para Tempo Atual e arraste-o para a página Ele imprime a hora imediatamente no formato MySql padrão, como 2026-07-04 10:35:43, pronto para ser reformatado.
Escolha o tipo de hora #
O Geral seção tem dois controles: Tipo de tempo e Alinhamento. O tipo dropdown oferece três saídas: MeuSql, o padrão, imprime um horário de dados no estilo banco de dados como 04/07/2026 10:35:43; Carimbo de data/hora imprime o carimbo de data/hora Unix bruto, o número de segundos desde 1970; e Personalizado leva qualquer formato que você definir Aqui está TimeStamp na tela:
Um carimbo de data/hora combina com páginas técnicas e integrações de contagem regressiva Para qualquer coisa que os visitantes realmente leiam, mude o tipo para Personalizado; ninguém quer fazer a matemática dos segundos desde 1970.
Construa um formato de data personalizado #
Com Personalizado selecionado, a Data Formato String campo aparece Ele leva caracteres padrão do formato de data PHP: a demo's F j, Y g:i a renderiza como “4 de julho de 2026 10h36” na tela no momento em que é digitado.
O Exemplos de formato de data e hora link sob o campo abre uma referência de strings prontas com sua saída, para que você possa copiar uma em vez de memorizar caracteres do formato PHP:
Alguns da lista:
F j, Y g:i a6 de novembro de 2010 12h50F j, Y6 de novembro de 20g:i a12h50l, F jS, Y6 de novembro de 2010Y/m/d2010/1
Estilo a saída #
O Estilo a guia tem uma seção, Texto, com três controles. Cor define a cor do texto e Sombra de texto adiciona desfoque e deslocamento quando a hora passa sobre uma imagem:
Tipografia abrange família, tamanho e peso A demo define Roboto em semibold, transformando a linha simples em algo que se mantém em um cabeçalho:
O resultado na página #
A página publicada imprime a data e hora ao vivo em seu formato e estilo, frescas em cada carregamento:
Casos de uso comum #
- Datas do cabeçalho e da barra superior em sites de notícias e revistas.
- Páginas de reserva e reserva mostrando a data de hoje ao lado do formulário.
- Páginas de status e painel com um carimbo de data/hora “as de”.
- Contagem regressiva e seções de oferta emparelhando a data atual com a Temporizador Contagem Regressiva.
- Páginas amigáveis à impressão como cotações e faturas que deveriam conter o dia em que foram visualizadas.
Dicas para usar o widget #
- Corrija o fuso horário primeiro. O widget imprime o relógio do WordPress; se o fuso horário do site for UTC, o widget também será Configurações, Geral, Fuso horário.
- Copie da página de exemplos. A referência de formato vinculada no campo cobre os layouts comuns; comece por aí e ajuste.
- Escape letras literais. Em cadeias de data PHP, as letras são códigos de formato A referência
Y/m/d \a\t g:i Amostra como um “at” literal recebe barras invertidas. - Cache mental. O tempo renderiza no carregamento da página, então uma página armazenada em cache por uma hora mostra um tempo de uma hora Multa para datas, enganosa para um relógio.
- Mantenha o formato curto nos cabeçalhos. “4 de julho de 2026” cabe na barra superior; a string completa de data mais hora quer um lugar mais amplo.
Vídeo Tutorial #
Se você quiser ver o widget Hora Atual em ação, este pequeno vídeo cobre toda a configuração, desde a saída padrão até a data personalizada estilizada:
Perguntas frequentes #
Qual é o widget Hora Atual em Master Addons?
É um widget Elementor que imprime a data e hora ao vivo como texto Escolha o padrão de data e hora MySql, um carimbo de data/hora Unix bruto ou um tipo personalizado com qualquer string de formato de data PHP, alinhe-o e estilize a cor, a sombra e a tipografia da guia Estilo.
Como altero o formato da data?
Definir Tipo de hora para Personalizado e digite uma string de formato de data PHP no campo Data Format String. Por exemplo, F j, Y g: a renderiza como 4 de julho de 2026 10:36 am. O link Exemplos de formato de data e hora no campo lista strings prontas.
Qual fuso horário o widget usa?
Ele usa o fuso horário do seu site WordPress em Configurações, Geral. Se a hora exibida parecer errada, corrija o fuso horário lá em vez de no widget; o widget não tem configuração de fuso horário separada.
A atualização de hora ao vivo na página?
O tempo é gerado quando a página carrega, então cada visita mostra o tempo atual naquele momento Ele não marca para frente como um relógio enquanto o visitante permanece na página, e as páginas em cache mostram o tempo em que o cache foi construído.
Posso mostrar apenas a data sem hora?
Sim. Use uma string de formato sem caracteres de tempo, como Fj, Y para 4 de julho de 2026 ou Y/m/d para 2026/07/04. qualquer combinação de caracteres de data PHP funciona, portanto a saída pode ser tão curta quanto um ano.
Embrulhando #
O widget Hora atual faz um trabalho de forma limpa: a data e hora ao vivo, em qualquer formato que o PHP possa expressar, estilizado como texto nativo do Elementor Defina o fuso horário do site, escolha ou copie uma string de formato e ele mesmo navegue pelo conjunto completo de Widgets e extensões Master Addons para o resto dos widgets dinâmicos, e veja o Página do widget da Hora Atual para demos.
