Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
Copa WPB
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

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

¿Desea mostrar la fecha de hoy en WordPress?

Muchos sitios web de noticias, diarios en línea y blogs que se actualizan con frecuencia pueden querer mostrar la fecha y hora actuales. Esto da a los usuarios una idea acerca de la fecha actual y cuánto tiempo hace que se publicó el contenido.

En este artículo, le mostraremos cómo mostrar fácilmente la fecha de hoy o la hora actual en su sitio web WordPress.

Displaying current date and time in WordPress

¿Por qué mostrar la fecha de hoy en WordPress?

Muchos sitios web de noticias muestran la fecha actual en la cabecera de sus sitios, sobre todo los más pequeños que publican sus noticias principales a diario.

A news website showing current date in their website header

Esto garantiza a los usuarios que están viendo la última edición en línea de la publicación. Es una decisión estilística útil que muchos sitios web de noticias siguen utilizando a pesar de actualizar sus páginas de inicio varias veces al día.

Del mismo modo, los diarios en línea y los blogueros también adoptaron este estilo. Esto garantiza a los usuarios que están viendo las últimas entradas / registros de un blog.

Hay otros escenarios de uso en los que puede que sólo desee mostrar la fecha y hora actuales.

Por ejemplo, si su chat en directo funciona a horas específicas y desea mostrar a los clientes qué hora es en su ubicación geográfica. O si estás llevando a cabo una campaña con un temporizador de cuenta atrás y quieres mostrar la fecha actual para crear un efecto FOMO más fuerte.

Dicho esto, echemos un vistazo a cómo mostrar fácilmente la fecha de hoy, el día o la hora actual en su sitio web de WordPress. Vamos a cubrir dos métodos, y puede utilizar los enlaces rápidos a continuación para saltar a la que desea utilizar:

Método 1: Mostrar la fecha de hoy añadiendo código a un archivo de plantilla

WordPress no viene con un widget o bloque por defecto para mostrar la fecha u hora actual.

Sin embargo, puedes mostrar la fecha o la hora actuales utilizando un código muy sencillo.

Puede añadir este sencillo código a los archivos de plantilla de su tema de WordPress donde desee 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 los ajustes de WordPress. Puede cambiar el formato de fecha visitando la página Ajustes ” General.

Time format settings in WordPress

También puede utilizar sus propias etiquetas de formato para imprimir la fecha en cualquier otro formato. Por ejemplo, utilizando el siguiente código, puede imprimir la fecha en formato de mes, día y año.

<?php echo date('F j, Y'); ?>

Este es el aspecto de nuestro sitio web de demostración.

Date and time

Este método le permite añadir directamente el código a los archivos del tema de WordPress, pero no es muy flexible. ¿Qué pasaría si quisiera mostrar la fecha y hora actuales dentro de una entrada, página o widget de la barra lateral de WordPress?

Este método siguiente le permite añadir la fecha y la hora en cualquier parte de su sitio.

Método 2: Mostrar la fecha de hoy en cualquier lugar usando shortcode (Recomendado)

Para este método, vamos a crear un shortcode y luego usarlo para mostrar la fecha y la hora en cualquier lugar de nuestro sitio web de WordPress.

Los usuarios avanzados pueden añadir código directamente al archivo functions.php de tu tema. Sin embargo, recomendamos el uso de un plugin de fragmentos de código personalizado como WPCode porque hace que la adición de código personalizado a su sitio web super seguro y fácil.

Lo primero que tienes que 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.

Una vez activado, debe ir a Fragmentos de código ” + Añadir fragmento en su escritorio de WordPress. Esto le permitirá añadir un nuevo fragmento de código a su sitio web.

Adding Custom Code in WPCode

Una vez allí, debe pasar el ratón por encima de la opción “Añadir su código personalizado (nuevo fragmento de código)” y, a continuación, hacer clic en el botón “Usar fragmento de código” que aparece. Se abrirá una nueva ventana en la que podrá añadir el fragmento de código.

En primer lugar, añada un título al fragmento de código, por ejemplo “Añadir la fecha de hoy”.

Add a Title and the Code Snippet to WPCode

A continuación, debe copiar y pegar el siguiente fragmento de código en el campo Vista previa del código, como puede ver en la captura de pantalla anterior.

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' );

Por último, seleccione “Fragmento de código PHP” en el menú desplegable Tipo de código y active el conmutador Activo.

Ahora puede hacer clic en el botón “Guardar fragmento” para guardar el fragmento de código en su sitio web.

Choose the PHP Code Type and Toggle the Snippet On in WPCode

Este código simplemente crea un shortcode que muestra la fecha actual. Puede utilizarlo añadiendo este shortcode en cualquier parte de su sitio:

[fecha-hoy]

Por defecto, el shortcode mostrará la fecha en el formato de fecha por defecto en sus ajustes de WordPress.

También puede utilizar su propio formato de fecha modificando el shortcode de la siguiente manera:

[fecha-hoy format='F j, Y']

Entonces, en su sitio web debería tener este aspecto.

Date preview

Guías de expertos para mostrar fechas en WordPress

Ahora que ya sabe cómo mostrar la fecha de hoy en WordPress, puede que le interese ver otras guías relacionadas con la visualización de fechas en WordPress:

Esperamos que este artículo te haya ayudado a aprender cómo mostrar fácilmente la fecha de hoy en WordPress. Puede que también quieras ver nuestra guía sobre cómo añadir una previsión meteorológica en WordPress o nuestra selección de los mejores plugins de cuestionarios para WordPress.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

Descargo: Nuestro contenido está apoyado por los lectores. Esto significa que si hace clic en algunos de nuestros enlaces, podemos ganar una comisión. Vea cómo se financia WPBeginner , por qué es importante, y cómo puede apoyarnos. Aquí está nuestro proceso editorial .

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

El último kit de herramientas de WordPress

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

Reader Interactions

32 comentariosDeja una respuesta

  1. ducmu

    how to display include time?
    your code is only date

  2. Bert Hennephof

    Code doesn’t work anymore after upgrade from PHP 7.4 to PHP 8.2
    WPCode indicates error in line:
    if ($atts[‘format’] == ”) {

    • WPBeginner Support

      From testing the snippet on our end it currently is working in php 8.2, it would depend on the specific error message you are seeing on the line.

      Administrador

  3. Ihtisham Z

    Thank you for the great article.

    Just wanted to note here that, if the format attribute is not provided by the user then the shortcode will fail resulting in a critical error (parsing the attribute as string) and breaking the page. So, we need to convert the string to an array.

    function wpb_date_today($atts, $content = null) {
    if ( ! is_array( $atts ) ) {
    $atts = [];
    }

    // rest of the code…
    }

    • Chris Colotti

      Thanks for the code update!!! Snippet had been working for some time then broke as you indicated..

  4. Generosus

    Useful Tip:

    Method 2 (listed above) yields a date output in UTC format. To change the output to Local Time format, replace “date” with “wp_date” (2 places).

    It would be great to make a notation in your above instructions.

    You’re welcome :)

    • WPBeginner Support

      Thank you for sharing that and for your feedback :)

      Administrador

  5. Kathy

    I really wanted to use this, however, after adding it to my functions file, I get this:
    Warning: Illegal string offset ‘format’ in /XXXXXXXXXX/functions.php

    It showed the date, however, the warning showed up too.

    • WPBeginner Support

      Thank you for letting us know, we will look into this and for the time being the second shortcode with the format specified will avoid that warning.

      Administrador

  6. Sunday Samuel

    Thanks for this

    Saved me from installing another plugin

    I am grateful

    • WPBeginner Support

      Glad our guide was helpful!

      Administrador

  7. hugo

    Hi, thank you for the code.

    It’s possible to show the month in spanish and/or in number?

    greetings,

    • WPBeginner Support

      For adding the date as numbers if you are using the echo date method, you would change F j, Y to m/d/Y

      Administrador

  8. Rebekah

    Is it possible to display a moving date? For instance, today’s date plus 7 days? I’d like to have something on my site that always displays the date one week from today.

  9. Henry

    Adding this php code in the header file is OK but how can I control where I want to appear my date on the page?

  10. Jon

    Or with Javascript:

    var dateToday = new Date(); var yearToday = dateToday.getFullYear(); document.write(yearToday);

  11. Abiodun

    Hello

    how do I change the color of this code?

    it is in an arch colour and i want it in white

  12. sameh

    How can i change the language of date format to arabic???? thanks advanced

  13. morteza ahamadi

    i am realy beginner,
    where should these codes be added?

  14. 123project

    Hi
    how can I change the font and the color of this code?

  15. Clare

    I’m beginning to discover that you can do anything with WP if you just take the time out to learn how – and most of it is so simple. 2011 is the year to ditch plugins and take the weight off my site!

  16. Petit Nuage

    Your suggestion is incorrect, since you’ve forgotten to take the local timezone into account as defined in the Dashboard.

    • Editorial Staff

      We mentioned two solutions. One where you can use the server’s setting, or two where you can use WordPress setting. If you have a third solution, then please share it with us rather than saying that we are wrong because both solutions above work.

      Administrador

  17. Chase Adams

    Why not just use Isn’t it a lot easier as a built in function where you can change the display type in Settings > General ?

Deja tu comentario

Gracias por elegir dejar un comentario. Tenga en cuenta que todos los comentarios son moderados de acuerdo con nuestros política de comentarios, y su dirección de correo electrónico NO será publicada. Por favor, NO utilice palabras clave en el campo de nombre. Tengamos una conversación personal y significativa.