Mostrar la fecha actual en WordPress

Vamos a ver unos ejemplos sencillos de cómo podemos mostrar la fecha actual en WordPress.

Utilizaremos dos alternativas: una con PHP (del lado del servidor) y otra con JavaScript (del lado del cliente).

Como somos perezosos a más no poder y no queremos escribir una sola línea de código, vamos a pedirle a ChatGPT que nos lo haga 😃

Mostrar fecha actual mediante PHP

El primer caso será mostrar la fecha actual con PHP. Se lo pedimos a ChatGPT y en unos segundos tenemos la respuesta.

Dialogo con ChatGPT para pedirle el código necesario para mostrar la fecha actual en WordPress usando un shortcode

El código que nos da es el siguiente:

function current_date_shortcode() {
    $date = date_i18n('l, j \d\e F \d\e Y');
    return $date;
}
add_shortcode('current_date', 'current_date_shortcode');

Este código PHP tendremos que copiarlo en algún lugar de WordPress para poder usarlo. Podemos insertarlo en el archivo functions.php del theme, o una opción mejor, usar un plugin como Code Snippets que nos permite insertar y gestionar nuestros códigos personalizados.

Una vez tienes el código insertado, solo tienes que usar el shortcode [current_date] para mostrar la fecha donde quieras.

Mostrar fecha actual mediante JavaScript

Otra opción es calcular y mostrar la fecha actual mediante JavaScript. En este caso, el proceso se realizará en el navegador del usuario en lugar del servidor.

Como en el caso anterior, le pedimos el código a ChatGPT.

Unos segundos más tarde, ya tenemos el código y hasta una explicación detallada. Aunque se ha despistado un poco y nos ha dado la explicación en inglés (podemos volver a pedírsela y decirle que la muestre en español).

Este es el código que nos da:

<p id="current-date"></p>
<script>
    function showCurrentDate() {
        var date = new Date();
        var days = ["Domingo","Lunes","Martes","Miércoles","Jueves","Viernes","Sábado"];
        var months = ["enero","febrero","marzo","abril","mayo","junio","julio","agosto","septiembre","octubre","noviembre","diciembre"];
        document.getElementById("current-date").innerHTML = days[date.getUTCDay()]+", "+date.getUTCDate()+" de "+months[date.getUTCMonth()]+" de "+date.getUTCFullYear();
    }
    showCurrentDate();
</script>

Ahora tan solo tenemos que ir a WordPress, crear un bloque de tipo HTML donde queremos mostrar la fecha e insertar el código.

👉  OpenLayers snippets

¡Listo! Con esto ya tendríamos dos forma diferentes de mostrar la fecha actual en WordPress.

Nota: las fechas se mostrarán con el formato Viernes, 20 de enero de 2023 ya que así se lo hemos indicado a ChatGPT. Si necesitas otro formato, tan solo tienes que especificárselo en la pregunta (prompt).

👇Tu comentario