Agregar la fecha de hoy a tu sitio de WordPress es uno de esos pequeños detalles que pueden hacer que tu sitio web se vea 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. - Usar 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?
Muchos sitios de noticias muestran la fecha actual en la sección de encabezado de sus sitios, particularmente los sitios de noticias más pequeños que publican sus historias principales a diario.
Esto asegura a los usuarios que están viendo la última edición de la edición en línea de la publicación. Es una decisión estilística útil que muchos sitios de noticias todavía usan a pesar de actualizar sus páginas principales varias veces al día.
De manera similar, las revistas en línea y los blogueros también adoptaron este estilo. Esto asegura a los usuarios que están viendo las últimas entradas de un blog.
Hay otros escenarios de uso donde simplemente querrás mostrar la fecha y hora actuales.
Por ejemplo, si tu chat en vivo funciona en horarios específicos y quieres mostrar a los clientes qué hora es en tu ubicación geográfica. O, estás ejecutando una campaña de cuenta regresiva y quieres mostrar la fecha actual para crear un efecto FOMO más fuerte.
Dicho esto, veamos cómo mostrar fácilmente la fecha de hoy, el día o la hora actual en tu sitio web de WordPress. Cubriremos dos métodos, y puedes usar los enlaces rápidos a continuación para ir al que deseas usar:
- Método 1: Mostrar la fecha de hoy en cualquier lugar usando un shortcode (Recomendado)
- Método 2: Mostrar la fecha de hoy agregando código a un archivo de plantilla
- Preguntas frecuentes sobre cómo mostrar la fecha de hoy en WordPress
- Guías expertas sobre cómo mostrar fechas en WordPress
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 lo desaconsejamos firmemente. Un pequeño error en ese archivo puede dañar todo tu sitio web y bloquearte el acceso a tu área de administración.
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.
Después de pruebas exhaustivas, hemos descubierto que es muy fácil de usar para principiantes y confiable. Para más detalles, consulta nuestra reseña de WPCode.
Lo primero que necesitas hacer es instalar el plugin gratuito WPCode. Para instrucciones detalladas, puedes seguir nuestra guía paso a paso sobre cómo instalar un plugin de WordPress.
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’.
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 .= date( get_option( 'date_format' ) );
} else {
$date_time .= date( $atts['format'] );
}
return $date_time;
}
add_shortcode( 'date-today', 'wpb_date_today' );
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.
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.
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 de tu tema de WordPress. Estos archivos, como header.php o footer.php, controlan el diseño de tu sitio.
Importante: Te recomendamos encarecidamente que uses 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.
Una vez que tengas un tema hijo configurado, puedes agregar el siguiente código donde quieras mostrar la fecha:
<?php echo date(get_option('date_format')); ?>
Este código imprime la fecha actual utilizando el formato de fecha configurado en tus ajustes de 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 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 para mostrar la fecha actual.
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:
¿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 obtener 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://014.leahstevensyj.workers.dev/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.
You’re welcome
Soporte de WPBeginner
Thank you for sharing that and for your feedback
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
Use the shortcode
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>1-click Use in WordPress
Ahora, en la hoja de estilos de tu tema, puedes agregar CSS, así:
.date { color: blue; border: 1px solid #CCC; }1-click Use in 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
Good call
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