Aprender a mostrar la fecha de hoy en WordPress es un pequeño detalle que puede hacer que tu sitio web luzca más profesional y actual.
Solo mira los principales sitios de noticias: todos muestran la fecha actual de manera prominente porque ayuda a establecer la frescura y relevancia del contenido.
La buena noticia es que no necesitas habilidades avanzadas de codificación ni plugins costosos para agregar la fecha de hoy a tu sitio. De hecho, hay dos métodos confiables que funcionan perfectamente tanto para principiantes como para usuarios experimentados.
En esta guía, compartiremos estas dos formas fáciles de agregar la fecha de hoy a tu sitio de WordPress. Estos métodos están probados, son confiables y se pueden implementar en solo unos minutos.

💡Respuesta Rápida: Cómo mostrar la fecha de hoy en WordPress
Hay dos maneras fáciles de mostrar la fecha actual en tu sitio de WordPress:
- Agregar código a un archivo del tema: Puedes agregar un fragmento simple de PHP directamente en uno de los archivos de plantilla de tu tema (como
header.php). Este método es sencillo pero requiere usar un tema hijo para evitar perder tus cambios durante las actualizaciones del tema. - Usa un shortcode a través de WPCode (Recomendado): El método más seguro y flexible es usar el plugin WPCode para crear un shortcode simple. Esto te permite colocar la fecha actual en cualquier lugar —en publicaciones, páginas o widgets de la barra lateral— sin editar directamente los archivos del tema.
¿Por qué mostrar la fecha de hoy en WordPress?
Mostrar la fecha de hoy en WordPress puede ayudar a los visitantes a ver que tu sitio web está activo, actualizado y es relevante. También puede proporcionar información útil en tiempo real para tu audiencia.
Aquí hay algunas razones comunes para mostrar la fecha o hora actual en tu sitio de WordPress:
- Mostrar frescura del contenido: Mostrar la fecha actual puede asegurar a los visitantes que tu sitio web se actualiza regularmente.
- Generar confianza y credibilidad: Muchos sitios de noticias, revistas y blogs profesionales muestran fechas para que el contenido se sienta más oportuno y confiable.
- Mejorar la experiencia del usuario: Mostrar la hora o fecha actual puede ayudar a los visitantes con horarios de eventos, promociones, horarios de atención o disponibilidad de soporte en vivo.
- Crear urgencia para campañas: Algunos dueños de tiendas muestran la fecha actual junto con temporizadores de cuenta regresiva u ofertas por tiempo limitado para fortalecer las campañas de marketing FOMO.
- Mostrar información de hora local: Esto puede ser útil si tu equipo de soporte, seminarios web o servicios operan en una zona horaria específica.
Teniendo esto en cuenta, veamos cómo mostrar fácilmente la fecha de hoy, el día o la hora actual en WordPress. Cubriremos dos métodos amigables para principiantes, y puedes usar los enlaces rápidos a continuación para
Pro Tip: Primero verifica tu zona horaria de WordPress
Antes de comenzar, es importante saber que WordPress muestra la fecha según la configuración de su zona horaria, no el reloj de tu computadora.
Debes verificar que la zona horaria de tu sitio esté configurada correctamente yendo a Ajustes » Generales. Esto asegura que la fecha correcta se muestre siempre a tus visitantes.
Método 1: Mostrar la fecha de hoy en cualquier lugar usando un shortcode (Recomendado)
Para este método, crearás un shortcode para mostrar la fecha y hora en cualquier lugar de tu sitio web de WordPress.
Lo genial de un shortcode es su flexibilidad: puedes colocarlo dentro de tus publicaciones, páginas, widgets de barra lateral e incluso en el pie de página de tu sitio.
Si bien es posible agregar código directamente al archivo functions.php de tu tema, te desaconsejamos firmemente hacerlo. Un pequeño error en ese archivo puede romper todo tu sitio web y bloquearte el acceso a tu área de administrador.
Es por eso que recomendamos usar un plugin de fragmentos de código personalizado como WPCode. Es la forma más segura y fácil de agregar código personalizado a tu sitio web sin arriesgarte a errores del sitio.
El plugin WPCode tiene una alta calificación con 4.9/5 estrellas de más de 2,000 reseñas en WordPress.org y es confiado por más de 3 millones de sitios web de WordPress.
Después de pruebas exhaustivas, hemos descubierto que WPCode es increíblemente fácil de usar para principiantes, gracias a su interfaz intuitiva y sus funciones integradas de prevención de errores que te guían. Para más detalles, consulta nuestra reseña de WPCode.
Paso 1: Instala el plugin WPCode
Lo primero que necesitas hacer es instalar el plugin gratuito WPCode. Para obtener instrucciones detalladas, puedes seguir nuestra guía paso a paso sobre cómo instalar un plugin de WordPress.
Paso 2: Agregar un Nuevo Fragmento Personalizado
Una vez activado, deberías navegar a Snippets de Código » + Agregar Snippet en tu panel de WordPress. Esto te permitirá agregar un nuevo fragmento de código a tu sitio web.
Una vez allí, necesitas pasar el mouse sobre la opción ‘Agregar tu código personalizado (Nuevo Snippet)’ y luego hacer clic en el botón ‘+ Agregar Snippet Personalizado’.

A continuación, debe seleccionar 'Fragmento PHP' como tipo de código de la lista de opciones que aparecen en la pantalla.
Luego, agrega un título al snippet, como ‘Agregar la fecha de hoy’.

Paso 3: Agrega el código PHP
A continuación, necesitas copiar y pegar el siguiente fragmento de código en el campo Vista previa del código.
function wpb_date_today( $atts, $content = null ) {
$atts = shortcode_atts( array(
'format' => '',
), $atts );
$date_time = '';
if ( $atts['format'] == '' ) {
$date_time .= wp_date( get_option( 'date_format' ) );
} else {
$date_time .= wp_date( $atts['format'] );
}
return $date_time;
}
add_shortcode( 'date-today', 'wpb_date_today' );

Paso 4: Activar y guardar el fragmento
Finalmente, necesitas activar el interruptor Activo a la posición ‘Activado’.
Ahora puedes hacer clic en el botón ‘Guardar Snippet’ para almacenar el fragmento de código en tu sitio web.

Paso 5: Usa el shortcode en tu sitio
Este código simplemente crea un shortcode que muestra la fecha actual. Puedes usarlo agregando este shortcode en cualquier lugar de tu sitio:
[date-today]
Por defecto, el shortcode mostrará la fecha en el formato de fecha predeterminado en la configuración de tu WordPress.
También puedes usar tu propio formato de fecha modificando el shortcode de esta manera:
[date-today format='F j, Y']
Tu fecha ahora se verá así en tu sitio:

¡Y eso es todo! Has mostrado la fecha actual con éxito.
Personaliza tu visualización de fecha y hora con caracteres de formato PHP
Para darte control total sobre cómo aparecen tu fecha y hora, aquí tienes algunos caracteres de formato PHP comunes que puedes usar en el atributo `format` de tu shortcode o directamente en el código PHP:
| Carácter | Descripción | Salida de ejemplo |
|---|---|---|
d | Día del mes, 2 dígitos con ceros iniciales | 01 a 31 |
D | Una representación textual de un día (tres letras) | Mon a Sun |
j | Día del mes sin ceros iniciales | 1 a 31 |
l (‘L’ minúscula) | Una representación textual completa del día de la semana | Sunday a Saturday |
m | Representación numérica de un mes, con ceros iniciales | 01 a 12 |
M | Una representación textual corta de un mes (tres letras) | Ene a Dic |
F | Una representación textual completa de un mes | Enero a Diciembre |
Y | Una representación numérica completa de un año, 4 dígitos | 1999 o 2003 |
y | Una representación de dos dígitos de un año | 99 o 03 |
H | Formato de 24 horas de una hora con ceros iniciales | 00 a 23 |
h | Formato de 12 horas de una hora con ceros iniciales | 01 a 12 |
i | Minutos con ceros iniciales | 00 a 59 |
s | Segundos con ceros iniciales | 00 a 59 |
a | Ante meridiem y Post meridiem en minúsculas | am o pm |
A | Ante meridiem y Post meridiem en mayúsculas | AM o PM |
U | Segundos desde la Época Unix (1 de enero de 1970 00:00:00 GMT) | 1123456789 |
Por ejemplo, para mostrar la fecha y hora completas como "Lunes, 1 de enero de 2024 a las 03:30 PM", usarías[date-today format='l, F j, Y at h:i A'].
Método 2: Mostrar la fecha de hoy agregando código a un archivo de plantilla
WordPress no viene con un widget o bloque predeterminado para mostrar la fecha o hora actual.
Sin embargo, aún puedes mostrar la fecha o hora actual usando un código muy simple.
Puedes agregar este código simple a los archivos de plantilla del tema de tu WordPress. Estos archivos, como header.php o footer.php, controlan el diseño de tu sitio.
Importante: Recomendamos encarecidamente usar un tema hijo antes de agregar código directamente a los archivos del tema. De lo contrario, tu código personalizado se borrará la próxima vez que actualices tu tema.
Si no tienes uno, por favor sigue nuestra guía sobre cómo crear un tema hijo de WordPress primero.
Una vez que tengas un tema hijo configurado, puedes agregar el siguiente código al archivo de plantilla donde deseas que aparezca la fecha actual.
Por ejemplo, podrías pegarlo en el archivo header.php de tu tema hijo justo antes de la etiqueta de cierre </header> para mostrar la fecha cerca de la parte superior de tu sitio web.
También podrías agregarlo a tu archivo footer.php justo después de la etiqueta de apertura <footer> si deseas que la fecha aparezca en el área del pie de página en su lugar.
Después de agregar el código, asegúrate de guardar el archivo y visitar tu sitio web para confirmar que la fecha actual se muestra correctamente.
<?php echo wp_date(get_option('date_format')); ?>
Este código imprime la fecha actual usando el formato de fecha establecido en la configuración de tu WordPress. Puedes cambiar el formato de fecha visitando la página Ajustes » Generales.

También puedes usar tus propias etiquetas de formato para mostrar la fecha en cualquier otro formato. Por ejemplo, usando el siguiente código, puedes imprimir la fecha en formato mes, día y año.
<?php echo wp_date('F j, Y'); ?>
Así se veía la fecha en nuestro sitio web de demostración:

Si bien editar archivos de temas es directo, un enfoque más flexible para colocar la fecha en publicaciones o widgets es usar un shortcode.
¡Eso es todo! Ahora tienes dos métodos sencillos sobre cómo mostrar la fecha de hoy en WordPress.
Ya sea que elijas agregar código directamente a un archivo de tema o usar el flexible método de shortcode, puedes agregar un toque profesional que mantendrá tu sitio luciendo fresco y relevante para los visitantes.
Preguntas frecuentes sobre cómo mostrar la fecha de hoy en WordPress
Aquí hay algunas preguntas que nuestros lectores han hecho con frecuencia sobre cómo mostrar la fecha de hoy en WordPress:
¿Cómo muestro la fecha actual en WordPress?
Para mostrar la fecha actual en cualquier lugar de WordPress, el método más fácil y flexible es usar un shortcode. Al implementar un fragmento de PHP simple a través de un plugin como WPCode, puedes colocar un shortcode [date-today] en publicaciones, páginas o widgets.
Mostrará dinámicamente la fecha de hoy según la configuración de zona horaria de tu sitio.
¿Cuál es el mejor plugin para mostrar la fecha en WordPress?
Si bien existen complementos dedicados para mostrar fechas, para simplemente mostrar la fecha actual, usar un complemento de fragmentos de código como WPCode suele ser la forma más eficiente y recomendada.
Te permite agregar PHP personalizado para el shortcode de fecha sin necesidad de un complemento con todas las funciones solo para mostrar la fecha, manteniendo tu sitio ligero.
Si necesitas funcionalidades avanzadas de calendario, entonces un complemento de calendario dedicado como Sugar Calendar podría ser más adecuado.
¿Por qué la fecha en mi sitio web se muestra incorrectamente?
La razón más común para una fecha incorrecta es la configuración de la zona horaria. WordPress utiliza la zona horaria configurada en tu panel de control, no tu hora local.
Para solucionar esto, ve a Ajustes » Generales en tu área de administración de WordPress y asegúrate de haber seleccionado la ciudad o el desfase UTC correcto.
¿Cómo muestro la fecha en una publicación de WordPress?
WordPress muestra automáticamente la fecha de publicación o de última actualización en tus publicaciones de forma predeterminada. Puedes cambiar la apariencia de la fecha yendo a Ajustes » Generales y eligiendo un nuevo 'Formato de fecha'. Si deseas mostrar la fecha en vivo de hoy en su lugar, puedes usar uno de los métodos de esta guía.
¿Mostrar una fecha dinámica afectará el rendimiento de mi sitio web?
No, no lo hará. La función PHP utilizada para obtener la fecha es extremadamente ligera y tiene un impacto insignificante en la velocidad de tu sitio. Es una función muy común y eficiente que no ralentizará tu sitio web.
Guías expertas sobre cómo mostrar fechas en WordPress
Esperamos que este artículo te haya ayudado a aprender cómo mostrar fácilmente la fecha de hoy en WordPress. También es posible que desees ver otras guías relacionadas con la visualización de fechas en WordPress:
- Cómo cambiar el formato de fecha y hora en WordPress
- Cómo mostrar metadatos de publicaciones de blog en tus temas de WordPress
- Cómo mostrar fechas relativas en WordPress
- Cómo mostrar la fecha de última actualización de tus publicaciones en WordPress
- Cómo agregar una fecha de derechos de autor dinámica en el pie de página de WordPress
- Cómo eliminar la fecha y hora de los comentarios de WordPress
- Cómo eliminar la fecha de las URLs de WordPress
- Cómo agregar un calendario de Google en WordPress (paso a paso)
Si te gustó este artículo, suscríbete a nuestro Canal de YouTube para ver tutoriales en video de WordPress. También puedes encontrarnos en Twitter y Facebook.

da_hammer nath
Gracias, simple y útil. ¡Realmente lo aprecio!
Soporte de WPBeginner
¡De nada!
Administrador
Dennis Muthomi
Hola, tengo una pregunta sobre la visualización de la hora: ¿qué pasa si mi sitio web tiene visitantes de diferentes zonas horarias? ¿La fecha y hora mostradas se ajustarán a su hora local, o siempre mostrarán la hora basada en la configuración del sitio web?
Comentarios de WPBeginner
Estos métodos en esta guía mostrarán la fecha y hora de la zona horaria del sitio web.
Jiří Vaněk
Es una función de PHP y, desafortunadamente, está configurada para usar la hora del servidor. PHP verifica la hora establecida en el servidor donde se está ejecutando tu hosting compartido y muestra esa hora. Por lo tanto, este método no es adecuado para los propósitos que deseas. Lo que necesitas tendría que ser manejado por un plugin que primero determine la ubicación del usuario basándose en su dirección IP y luego muestre la hora local del usuario. Este es un problema mucho más complejo que no se puede resolver con un solo script. Necesitas un plugin que también pueda acceder a una base de datos GEO IP para determinar de qué país proviene el usuario.
Mrteesurez
Gracias por compartir.
La hora no se muestra, solo se muestra la fecha. Quiero mostrar tanto la fecha como la hora una al lado de la otra en la parte superior para que todos los visitantes, incluidos los administradores, puedan verlas.
Soporte de WPBeginner
Para eso, necesitarías cambiar el formato en el shortcode a: format=’F j, Y h:i’
Administrador
Comentarios de WPBeginner
La opción más fácil probablemente sería usar este plugin: https://www.wpbeginner.com/plugins/display-time-according-wordpress-blog-admin-bar/
Asegúrate de revisar la segunda sección para una guía sobre cómo agregar la hora al sitio y no solo a la barra de administración.
Ten en cuenta que esta es la hora usando la zona horaria del blog, no la del visitante del sitio.
ducmu
¿cómo mostrar incluye hora?
tu código es solo fecha
Bert Hennephof
El código ya no funciona después de actualizar de PHP 7.4 a PHP 8.2
WPCode indica un error en la línea:
if ($atts[‘format’] == ”) {
Soporte de WPBeginner
Según las pruebas del fragmento en nuestro sistema, actualmente está funcionando en php 8.2, dependería del mensaje de error específico que estés viendo en la línea.
Administrador
Ihtisham Z
Gracias por el gran artículo.
Solo quería señalar aquí que, si el usuario no proporciona el atributo de formato, el shortcode fallará, lo que resultará en un error crítico (al analizar el atributo como cadena) y romperá la página. Por lo tanto, necesitamos convertir la cadena en un arreglo.
function wpb_date_today($atts, $content = null) {
if ( ! is_array( $atts ) ) {
$atts = [];
}
// resto del código…
}
Chris Colotti
¡¡¡Gracias por la actualización del código!!! El fragmento había estado funcionando durante algún tiempo y luego se rompió como indicaste.
Generosus
Consejo útil:
El Método 2 (listado arriba) produce una salida de fecha en formato UTC. Para cambiar la salida a formato de Hora Local, reemplaza "date" con "wp_date" (en 2 lugares).
Sería genial hacer una anotación en tus instrucciones de arriba.
De nada
Soporte de WPBeginner
Gracias por compartir eso y por tus comentarios
Administrador
Kathy
Realmente quería usar esto, sin embargo, después de agregarlo a mi archivo de funciones, obtengo esto:
Advertencia: Índice de cadena ilegal 'format' en /XXXXXXXXXX/functions.php
Mostró la fecha, sin embargo, la advertencia también apareció.
Soporte de WPBeginner
Gracias por informarnos, investigaremos esto y, por el momento, el segundo código corto con el formato especificado evitará esa advertencia.
Administrador
Domingo Samuel
Gracias por esto
Me salvó de instalar otro plugin
Estoy agradecido
Soporte de WPBeginner
¡Nos alegra que nuestra guía te haya sido útil!
Administrador
hugo
Hola, gracias por el código.
¿Es posible mostrar el mes en español y/o en número?
saludos,
Soporte de WPBeginner
Para agregar la fecha como números si estás usando el método echo date, cambiarías F j, Y por m/d/Y
Administrador
Rebekah
¿Es posible mostrar una fecha en movimiento? Por ejemplo, ¿la fecha de hoy más 7 días? Me gustaría tener algo en mi sitio que siempre muestre la fecha de una semana a partir de hoy.
Henry
Agregar este código php en el archivo header está bien, pero ¿cómo puedo controlar dónde quiero que aparezca mi fecha en la página?
Mark
Usa el código corto
shiva
muy bueno
anees
¡¡muchas gracias!!
Jon
O con Javascript:
var dateToday = new Date(); var yearToday = dateToday.getFullYear(); document.write(yearToday);
Abiodun
Hola
¿cómo cambio el color de este código?
está en un color gris y lo quiero en blanco
sameh
¿Cómo puedo cambiar el idioma del formato de fecha a árabe? Gracias de antemano.
morteza ahamadi
Soy principiante,
¿dónde se deben agregar estos códigos?
123project
Hola
¿cómo puedo cambiar la fuente y el color de este código?
Soporte de WPBeginner
Puedes cambiar los colores usando CSS. Para usar CSS, agrega la etiqueta de plantilla de fecha así:
<span class="date"><?php echo date('l jS F Y'); ?></span>Uso en 1 clic en WordPress
Ahora, en la hoja de estilos de tu tema, puedes agregar CSS, así:
.date { color: blue; border: 1px solid #CCC; }Uso en 1 clic en WordPress
Administrador
Clare
Estoy empezando a descubrir que puedes hacer cualquier cosa con WP si te tomas el tiempo para aprender cómo, y la mayoría de las cosas son muy sencillas. ¡2011 es el año para deshacerse de los plugins y quitarle peso a mi sitio!
Personal editorial
Buena idea
Administrador
Petit Nuage
Tu sugerencia es incorrecta, ya que olvidaste tener en cuenta la zona horaria local tal como se define en el Panel de control.
Personal editorial
Mencionamos dos soluciones. Una donde puedes usar la configuración del servidor, o dos donde puedes usar la configuración de WordPress. Si tienes una tercera solución, por favor compártela con nosotros en lugar de decir que estamos equivocados, porque ambas soluciones anteriores funcionan.
Administrador
andreeib
Solía hacer esto usando una función de código corto en Wordpress.
Chase Adams
¿Por qué no usar simplemente? ¿No es una función integrada mucho más fácil donde puedes cambiar el tipo de visualización en Configuración > General?
Cheap Sites
¡Sí, eso fue realmente simple! Gracias por compartir =D