Tutoriales de WordPress de Confianza, cuando más los necesitas.
Guía para Principiantes de WordPress
Copa WPB
25 Millones+
Sitios web que usan nuestros plugins
16+
Años de experiencia en WordPress
3000+
Tutoriales de WordPress de expertos

Cómo mostrar la fecha de hoy en WordPress (2 métodos fáciles)

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.

Mostrar fecha y hora actuales en WordPress

💡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ñadir código personalizado en WPCode

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’.

Seleccionar fragmento de PHP como tipo de código
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' );
Agrega un título y el fragmento de código a WPCode
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.

Activa y guarda tu fragmento de código personalizado
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:

Vista previa de la fecha

¡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ácterDescripciónSalida de ejemplo
dDía del mes, 2 dígitos con ceros iniciales01 a 31
DUna representación textual de un día (tres letras)Mon a Sun
jDía del mes sin ceros iniciales1 a 31
l (‘L’ minúscula)Una representación textual completa del día de la semanaSunday a Saturday
mRepresentación numérica de un mes, con ceros iniciales01 a 12
MUna representación textual corta de un mes (tres letras)Ene a Dic
FUna representación textual completa de un mesEnero a Diciembre
YUna representación numérica completa de un año, 4 dígitos1999 o 2003
yUna representación de dos dígitos de un año99 o 03
HFormato de 24 horas de una hora con ceros iniciales00 a 23
hFormato de 12 horas de una hora con ceros iniciales01 a 12
iMinutos con ceros iniciales00 a 59
sSegundos con ceros iniciales00 a 59
aAnte meridiem y Post meridiem en minúsculasam o pm
AAnte meridiem y Post meridiem en mayúsculasAM o PM
USegundos 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.

Configuración del formato de hora en WordPress

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:

Fecha y hora

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:

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.

Divulgación: Nuestro contenido es compatible con el lector. Esto significa que si haces clic en algunos de nuestros enlaces, podemos ganar una comisión. Consulta cómo se financia WPBeginner, por qué es importante y cómo puedes apoyarnos. Aquí está nuestro proceso editorial.

El Kit de herramientas definitivo para WordPress

Obtén acceso GRATUITO a nuestro kit de herramientas: ¡una colección de productos y recursos relacionados con WordPress que todo profesional debería tener!

Interacciones del lector

39 ComentariosDeja una respuesta

  1. 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?

    • 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.

  2. 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.

    • 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

  3. 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…
    }

    • ¡¡¡Gracias por la actualización del código!!! El fragmento había estado funcionando durante algún tiempo y luego se rompió como indicaste.

  4. 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 :)

  5. 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ó.

    • Gracias por informarnos, investigaremos esto y, por el momento, el segundo código corto con el formato especificado evitará esa advertencia.

      Administrador

  6. ¿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.

  7. 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!

    • 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

Deja una respuesta

Gracias por elegir dejar un comentario. Ten en cuenta que todos los comentarios se moderan de acuerdo con nuestra política de comentarios, y tu dirección de correo electrónico NO se publicará. Por favor, NO uses palabras clave en el campo del nombre. Tengamos una conversación personal y significativa.