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.
Habiendo agregado esta función en numerosos sitios de WordPress, podemos decirte que mostrar la fecha actual no requiere habilidades técnicas avanzadas ni plugins costosos.
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.
¿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:
- Mostrar la fecha de hoy agregando código a un archivo de plantilla
- Mostrar la fecha de hoy en cualquier lugar usando un shortcode
- Guías expertas sobre cómo mostrar fechas en WordPress
Método 1: 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 donde quieras mostrar la hora:
<?php echo date(get_option('date_format')); ?>
Este código simplemente imprime la fecha actual usando el formato de fecha establecido en tu configuración 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í es como se veía en nuestro sitio web de demostración.
Este método te permite agregar el código directamente a los archivos del tema de WordPress, pero no es muy flexible. ¿Qué pasa si quisieras mostrar la fecha y hora actuales dentro de una publicación, página o widget de barra lateral de WordPress?
Este siguiente método te permite agregar la fecha y hora en cualquier lugar de tu sitio.
Método 2: Mostrar la fecha de hoy en cualquier lugar usando un shortcode (Recomendado)
Para este método, crearemos un shortcode y luego lo usaremos para mostrar la fecha y hora en cualquier lugar de nuestro sitio web de WordPress.
Los usuarios avanzados pueden agregar código directamente al archivo functions.php de tu tema. Sin embargo, recomendamos usar un plugin de fragmentos de código personalizado como WPCode porque hace que agregar código personalizado a tu sitio web sea muy seguro y fácil.
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']
Luego, debería verse algo así en 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://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.
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