3 formas diferentes de mostrar automáticamente la fecha de hoy en WordPress

Publicado: 2017-07-02

¿Alguna vez ha deseado poder mostrar la fecha de hoy en su sitio de WordPress? Mostrar la fecha actual ayuda a los lectores a saber que todavía estás vivo y coleando. Y si sus lectores son olvidadizos como yo, ¡incluso podría ayudarlos a recordar una fecha de vencimiento inminente!

Si bien algunos temas de WordPress incluyen una opción incorporada para mostrar la fecha de hoy en su sitio, la mayoría de los temas no. Entonces, si desea mostrar la fecha actual en algún lugar de su sitio de WordPress, deberá manejar las cosas usted mismo.

En esta publicación, presentaré tres métodos diferentes sobre cómo mostrar la fecha de hoy en WordPress. Primero, le mostraré uno de los pocos complementos que funcionan con esta funcionalidad. Luego, te daré un tutorial rápido sobre cómo crear tu propio shortcode. Y finalmente, redondearé las cosas con dos fragmentos de código diferentes que puede usar para agregar la fecha de hoy directamente a los archivos de plantilla de su tema.

Vamos a profundizar en…

Cómo mostrar la fecha de hoy con un complemento de WordPress

Hay algunos complementos diferentes que pretenden permitirle mostrar la fecha de hoy en su sitio de WordPress. Pero, para mi disgusto, ya no funcionan muchos de ellos. Después de probar algunos que no funcionaron muy bien, finalmente encontré uno que sí funciona en forma de widget de fecha y hora.

Como era de esperar, el widget de fecha y hora le brinda un widget completamente nuevo que puede usar para insertar la fecha y hora actuales en cualquier área con widgets. Si prefiere un código abreviado a un widget, le mostraré cómo crear su propio código abreviado de fecha de hoy en la siguiente sección.

Este complemento es bueno porque le permite configurar el formato, la fuente y el tamaño de la fuente, así como algunos colores personalizados.

Para usar el complemento, todo lo que necesita hacer es instalarlo y activarlo. Luego, diríjase a Apariencia → Widgets y arrastre sobre el nuevo widget de fecha y hora como lo haría con cualquier otro:

widgets de fecha de hoy

Luego, solo necesita revisar y configurar cada opción:

  • Formato de hora: puede elegir entre algunos formatos de hora diferentes o elegir Ninguno para desactivar esta parte (y mostrar solo la fecha).
  • Formato de fecha: elija el formato que desea usar para la fecha.
  • Familia de fuentes: elija una familia de fuentes alternativa (el widget debe heredar la fuente de su tema como primera opción).
  • Tamaño de fuente: autoexplicativo.
  • Color del texto: el color de todo el texto del widget.
  • Color de fondo: el fondo del texto.

Haré que el fondo sea negro y el color del texto sea blanco para que puedas ver cómo funcionan esos dos elementos.

Una vez que guarde su widget, verá la fecha de hoy en la interfaz:

frontend de la fecha de hoy

¡Muy fácil! Pero en realidad es casi tan fácil crear su propio código corto que muestre la fecha actual. Así es cómo:

Cómo crear un código corto para mostrar la fecha de hoy en WordPress

Si prefiere un enfoque más manual, puede crear su propio código abreviado con solo unas pocas líneas de código. Personalmente, este es mi método preferido porque le brinda la flexibilidad de insertar la fecha actual en cualquier parte de su contenido, no solo en áreas con widgets.

Puede colocar este código en:

  • El archivo functions.php de su tema hijo
  • Un complemento personalizado que usted mismo crea

Le mostraré cómo hacerlo usando functions.php porque ese es el método más simple; solo tendrá que recordar copiar este código si alguna vez cambia de tema.

Para crear el código corto, solo necesita agregar este código a su archivo functions.php:

function displayTodaysDate( $atts )

{

return date(get_option('date_format'));

}

add_shortcode( 'datetoday', 'displayTodaysDate');

El código abreviado utilizará el mismo formato de fecha que configuró en Configuración → General .

Una vez que agregue el código, puede usar el código corto [datetoday] en el Editor de WordPress o en el Módulo de Código Divi:

Módulo de código divi

Y mostrará la fecha actual en el front-end siguiendo el formato en la configuración de WordPress:

Divi la fecha de hoy

También puede agregar formato básico a sus fechas utilizando el Editor TinyMCE. Por ejemplo, si pone en negrita el código corto, la fecha también aparecerá en negrita en la parte frontal de su sitio.

Nota: este código es una versión corregida del código de Ben Poland de Today's Date , un complemento que ya no funciona debido a un espacio erróneo en la función de código corto. Encontré el complemento de Ben en el directorio de WordPress.org y tenía la intención de usarlo para este tutorial. Pero en las pruebas, descubrí que solo funcionaba si editaba manualmente el código para eliminar el espacio del código corto.

Cómo mostrar la fecha de hoy con código

Nota: esta sección solo está destinada a personas que estén al menos algo familiarizadas con el código y los temas de WordPress. Si eres un principiante total, te recomiendo que sigas los dos métodos anteriores.

Finalmente, si está dispuesto a ensuciarse las manos dentro de los archivos de plantilla de su tema, también puede usar una sola línea de PHP para insertar la fecha de hoy en cualquier lugar de su sitio de WordPress.

Hay dos fragmentos de código diferentes entre los que puede elegir:

<?php echo date(get_option('date_format')); ?>

El fragmento anterior muestra la fecha actual de acuerdo con la configuración de WordPress, al igual que el código corto.

Pero también puede especificar un formato de fecha único usando este bit de código:

<?php echo date('l jS F Y'); ?>

Puede averiguar cuáles son los distintos formatos en este artículo del Codex de WordPress.

Por ejemplo, si agrega el código justo debajo de la etiqueta de cierre </header> en su archivo header.php de esta manera:

código de encabezado

Luego, la fecha actual se mostrará justo debajo de su encabezado en su sitio de front-end:

interfaz de encabezado

Es posible que deba jugar con el posicionamiento, pero es otra forma fácil de mostrar la fecha de hoy en su sitio de WordPress.

Para obtener más control, puede colocar el código en un <div> y luego usar CSS para diseñar y / o colocar ese <div> en su sitio.

Terminando las cosas

Si bien no es un cambio importante, mostrar la fecha de hoy en su sitio de WordPress puede ser útil según el tema de su sitio.

Si desea mostrar la fecha de hoy en su barra lateral (u otras áreas con widgets), el complemento de widget de fecha y hora será su mejor opción.

De lo contrario, recomiendo crear su propio código abreviado o, si tiene al menos algunas habilidades básicas de codificación, profundizar en los archivos de plantilla de su tema.

¿Perdimos su forma favorita de agregar la fecha del día actual a WordPress? No dude en compartir sus sugerencias a continuación.

Imagen en miniatura del artículo por 32 píxeles / shutterstock.com