Al publicar contenido en línea, debes mostrar a los usuarios que la entrada del blog, la página o el medio de comunicación es fresco, preciso y actualizado.

Una forma de revelar la actualidad de tu contenido es mostrando la fecha de «Última actualización» en algún lugar de una entrada o página del blog de WordPress, como por ejemplo encima o debajo de la imagen destacada, el título o el artículo completo.

De esta forma, el usuario ve la fecha más reciente de actualización junto con la fecha de «Publicación», o puedes sustituir la fecha de Publicación por completo.

Mira Nuestro Videotutorial para Mostrar la Fecha de Última Actualización en las Entradas y Páginas de WordPress

En definitiva, la fecha mostrada acaba siendo más reciente, indicando al lector (y a los motores de búsqueda) que tu contenido es fresco, y que no has dejado pasar demasiado tiempo (lo que podría causar enlaces rotos, información inexacta o imágenes obsoletas).

¿Dónde ver las fechas de publicación y de última actualización?

Dependiendo del estilo de tu tema, la fecha de publicación puede aparecer en las entradas, en las páginas o en ambas; lo más habitual es que se coloque justo después del título, antes del contenido, y a menudo se complemente con una línea de crédito.

An example of the published date on an old post.
Un ejemplo de la fecha de publicación en un post antiguo.

Dicho esto, el estilo y la ubicación de la fecha de publicación depende totalmente de tu tema. Puedes verla encima de la imagen destacada y con un icono, como en el tema de abajo.

The Twenty Twenty theme offers a unique published date format.
El tema Twenty Twenty ofrece un formato de fecha de publicación único.

Algunos temas incluso colocan las fechas de publicación y de última actualización al final de tu contenido, justo antes de la caja de comentarios.

The date on this theme is displayed below the content.
La fecha en este tema se muestra debajo del contenido.

También puedes encontrar la fecha de publicación en el backend yendo a la columna de la fecha en tu lista de publicaciones.

The Date column shows published dates in the WordPress dashboard.
La columna Fecha muestra las fechas publicadas en el panel de control de WordPress.

WordPress también revela la fecha de publicación dentro del editor de entradas.

The Published date is the only date shown when editing a post in WordPress
La fecha de publicación es la única que se muestra al editar una entrada en WordPress.

En este artículo, explicamos las ventajas de mostrar la fecha de «Última actualización» en lugar de la fecha de publicación. También te guiaremos a través de varios métodos para mostrar la fecha de última actualización, a la vez que demostraremos cómo saber cuándo se actualizó por última vez un sitio web.

¡Sigue leyendo para saberlo todo!

Ventajas de mostrar la fecha de «última actualización» en tu sitio web

Actualizar tu contenido con regularidad y mostrar la fecha de última actualización tiene varios beneficios para el propietario del sitio, los usuarios de los motores de búsqueda y los que ya están en tu sitio web. También es útil a efectos de SEO, ya que los motores de búsqueda tienen en cuenta la novedad y la relevancia a la hora de determinar las clasificaciones.

Estas son las principales ventajas de mostrar la fecha de «Última actualización» en tus páginas y publicaciones.

  • La fecha más reciente es más precisa que la fecha de publicación, y muestra que tu contenido está probablemente más actualizado en comparación con algo que se publicó hace tiempo.
  • Los usuarios ven que se trata de un artículo actualizado y no asumen que es uno antiguo, lo que aumenta potencialmente tus índices de clics y el tiempo total que los usuarios pasan leyendo.
  • Tu fecha de «Última actualización» te da más posibilidades de destacar, ya que los motores de búsqueda muestran esas fechas en los resultados y tus resultados se colocan justo al lado de los listados de otros sitios.
  • Esto da a los motores de búsqueda otra forma de reconocer la entrada como fresca. Los motores de búsqueda rastrean el contenido, por supuesto; pero eso no ocurre todo el tiempo, y la fecha de «Última actualización» refuerza cualquier cambio realizado en tu sitio.
  • Las fechas más recientes proporcionan una sensación de confianza de que has eliminado los problemas de contenido, como los enlaces rotos, las imágenes rotas y cualquier contenido que ya no sea verdadero.
  • Los motores de búsqueda tienden a indexar tu sitio con más frecuencia cuando el contenido (y la fecha) se actualizan. No se trata de una regla estricta, pero se sabe que los motores de búsqueda registran los sitios con contenido constantemente actualizado, rastreándolos con mayor frecuencia.
  • Aumentas el potencial de una mejor clasificación de búsqueda en general porque la totalidad de tu sitio recibe beneficios de tus publicaciones actualizadas.
  • Te da una excusa/recordatorio visual para actualizar tu contenido, ya que pueden notar una fecha más antigua y darse cuenta de que es necesario actualizarlo.
  • Los motores de búsqueda prefieren que actualices el contenido antiguo en lugar de crear un nuevo post cada vez que tengas nueva información sobre el mismo tema. Esto elimina la posibilidad de que se duplique el contenido y enlaza con la razón por la que mostrar la fecha más reciente es lo mejor para mejorar el SEO.
  • Algunas publicaciones (como los periódicos online) necesitan tener la fecha de «Última actualización » para que el contenido con correcciones y nueva información se muestre en la parte superior del feed del sitio. Esto es para que los usuarios no se pierdan esas actualizaciones.

¿Cómo mostrar la fecha de última actualización en WordPress?

Por defecto, WordPress no muestra la fecha de última actualización de los contenidos nuevos o actualizados, sino la fecha de publicación. Esa fecha de publicación se mantiene aunque hayan pasado varios años con múltiples actualizaciones de la entrada.

Algunos temas modernos ofrecen funciones integradas para presentar la última fecha de actualización con unos pocos clics del ratón. Es una buena práctica comprobar primero en el Personalizador de WordPress cualquier configuración de personalización de la fecha de tu tema. Pero no hay garantía de que haya algo disponible.

Si no puedes añadir la última fecha actualizada dentro del Personalizador de WordPress, utiliza estos métodos para añadirla:

  1. Editando el archivo functions.php y el CSS
  2. Modificando y añadiendo código a la plantilla de tu tema
  3. Con un plugin

Los dos primeros métodos requieren que accedas a los archivos del tema de tu sitio, así que lee sobre las jerarquías de archivos de WordPress (y cómo entenderlas) si aún no tienes experiencia.

Consulta los tres métodos siguientes para entender cuál es el mejor curso de acción en tu situación.

Método 1: Editar functions.php y CSS en tu tema

El primer método para añadir la fecha de «Última actualización» en WordPress implica acceder al archivo functions . php de tu tema y añadir código al archivo. Como alternativa, puedes añadir ese código a un tema secundario o a un plugin específico del sitio para evitar cualquier problema de desaparición del código si cambias o actualizas el tema.

Todas esas opciones utilizan el mismo tipo de código CSS, por lo que te daremos trozos de código para añadir y te mostraremos cómo colocarlo en el archivo functions.php. Si utilizas un tema secundario o un plugin específico del sitio, simplemente toma ese mismo código y modifica esos archivos.

Para empezar, ve al archivo functions . php de tu tema. La forma más fácil de acceder a functions.php es conectarse con SFTP mediante un cliente FTP. Generalmente puedes encontrarlo en tu cliente FTP yendo a /www (o el nombre de tu sitio) > /public > /wp-content > /themes > /theme-name (en este tutorial estamos usando /twentytwentyone).

Open the functions.php file
Abre el archivo functions.php.

Abre el archivo con un editor de texto o markdown, y añade el siguiente código (este código también debería funcionar si se utiliza un tema secundario/un plugin específico del sitio):

function show_last_updated( $content ) {
  $u_time = get_the_time('U');
  $u_modified_time = get_the_modified_time('U');
  if ($u_modified_time >= $u_time + 86400) {
    $updated_date = get_the_modified_time('F jS, Y');
    $updated_time = get_the_modified_time('h:i a');
    $custom_content .= '<p class="last-updated-date">Recently updated on '. $updated_date . ' at '. $updated_time .'</p>';
  }
  $custom_content .= $content;
  return $custom_content;
}
add_filter( 'the_content', 'show_last_updated' );

Guarda y sube el archivo a tu servidor. Como resultado, la última fecha de actualización aparece justo antes del contenido de tu entrada. El código comprueba inicialmente si la fecha de publicación y la de última actualización son iguales.

Si son iguales, seguirás viendo la fecha de publicación por sí misma. Si son diferentes, la última fecha de actualización se muestra junto con la fecha de publicación.

Frontend view of the last updated date
Vista del frontend de la última fecha de actualización.

¿Cómo cambiar el estilo de la nueva fecha de última actualización?

El nuevo código PHP en functions. php carece de estilo, pero aún así puede acabar pareciendo aceptable desde el estilo de tu tema. Si no es así, considera la posibilidad de estilizar la última fecha actualizada insertando código CSS personalizado para controlar su aspecto. Aquí tienes un código de ejemplo para probarlo o ampliarlo:

.last-updated-date {
  font-size: large;
  font-family: monospace;
  text-transform: uppercase;
  color: white;
  background-color: black;
}

Fíjate en que estamos utilizando la clase last-updated-date que se correlaciona con el código PHP insertado en functions.php. Puedes cambiar esto para tus propios fines, pero asegúrate de que también utilizas la misma clase en tu código CSS.

Nota: Es totalmente posible cambiar las propiedades y valores CSS en función de tus necesidades; estos son sólo ejemplos.

Inserta ese código CSS en el campo después de ir a Apariencia > Personalizar > CSS adicional en WordPress. De este modo, se habilita el CSS en todo el sitio en lugar de sólo en una página o entrada.

Add CSS code for styling
Añade el código CSS para dar estilo.

Después de publicar el código CSS, estos cambios de estilo se reflejan en todas las instancias del frontend de las últimas fechas actualizadas. Por ejemplo, cambiamos el color de fondo, el color de la fuente, la familia de la fuente, el tamaño de la fuente y también transformamos todo a letras mayúsculas.

Frontend view after CSS styling
Vista del frontend después de la estilización CSS.

¿Cómo eliminar la fecha de la última actualización de las páginas y otros contenidos que no son post?

Es posible que ahora te encuentres con que casi todas las páginas web de tu sitio web tienen una fecha de última actualización; eso no es bueno, ya que no tienes ninguna razón para mostrar cuándo se actualizaron por última vez páginas como la Página de inicio, las páginas de productos, la página Acerca de nosotros y el carrito de la compra.

Esta página de Política de Privacidad, por ejemplo, muestra ahora cuándo se actualizó por última vez, aunque es una información inútil para quien llega a la página (y el tema no mostraba la fecha de publicación en primer lugar).

Some sites don't need a last updated date on pages like a Privacy Policy
Algunos sitios no necesitan una fecha de última actualización en páginas como la Política de Privacidad.

Si te encuentras en esta situación, probablemente se deba a tu tema. Algunos temas de WordPress eliminan automáticamente las fechas de última actualización y publicación de las páginas, ya que no hay razón para ello. Pero es posible que acabes con un tema sin esas capacidades. En ese caso, todo lo que necesitas es una simple adición al código PHP previamente implementado.

Así que vuelve al archivo functions.php de tu tema y añade esto entre 86400 y ).

&& is_singular('post')

Así:

function show_last_updated( $content ) {
  $u_time = get_the_time('U');
  $u_modified_time = get_the_modified_time('U');
  if ($u_modified_time >= $u_time + 86400 && is_singular('post')) {
    $updated_date = get_the_modified_time('F jS, Y');
    $updated_time = get_the_modified_time('h:i a');
    $custom_content .= '<p class="last-updated-date">Recently updated on '. $updated_date . ' at '. $updated_time .'</p>';
  }
  $custom_content .= $content;
  return $custom_content;
}
add_filter( 'the_content', 'show_last_updated' );

Con esta adición, el texto de la fecha de actualización reciente se oculta en todos los tipos de entradas de WordPress que no sean entradas (como las páginas o los productos).

The date gets stripped from all pages, but remains on posts
La fecha se elimina de todas las páginas, pero permanece en las entradas.

Eliminar la fecha de publicación y mostrar sólo la fecha de última actualización

Es habitual que la fecha de publicación permanezca incluso después de implementar el código para añadir la fecha de última actualización. Algunos temas la eliminan, pero no es tan común. El problema es que ahora tienes dos fechas que se muestran en tus entradas de WordPress: la fecha de publicación y la fecha de última actualización.

Aunque algunas situaciones pueden hacer que esto sea aceptable, lo más probable es que dos fechas causen confusión al lector. Por ello, es posible que quieras ocultar la fecha de publicación pero mantener la fecha de última actualización.

Existen plugins para hacer esto, pero el arreglo del CSS es sencillo, así que no recomendamos instalar un plugin entero sólo para eliminar un elemento de tu sitio.

Para eliminar la fecha de publicación pero mantener la fecha de última actualización (añadida previamente con los métodos anteriores), ve a Apariencia > Personalizar > CSS adicional en el panel de control de WordPress.

Pega este código en el campo CSS adicional:

.entry-date {
  display: none !important;
}

Haz clic en el botón Publicar para hacer efectivos los cambios.

Add CSS in the WordPress Customizer
Añadir CSS en el personalizador de WordPress.

Ahora deberías ver que se ha eliminado la fecha de publicación, pero se sigue mostrando la fecha de última actualización.

Frontend view of the last updated date still there without the published date
Vista del frontend de la última fecha de actualización que sigue ahí sin la fecha de publicación.

Ten en cuenta que, aunque el nombre de la clase CSS .entry-date es común en una amplia gama de temas, no se utiliza en todos ellos. Así que, si este código en particular no te funciona, lo más probable es que sea porque tu tema utiliza un nombre de clase que no es .entry-date.

Pero el código CSS sigue siendo bueno, así que lo único que tienes que hacer es averiguar el nombre de clase que utiliza tu tema para la fecha de publicación. Para ello, ve al frontend de una entrada del blog y haz clic con el botón derecho del ratón en la fecha de publicación que se está mostrando. Selecciona la opción Inspeccionar (esto varía en función de tu navegador: Chrome utiliza«Inspeccionar», Firefox utiliza«Inspeccionar elemento«, y para Safari debes pulsar la tecla Opción + C)

Right click on the date and choose the Inspect option
Haz clic con el botón derecho en la fecha y elige la opción Inspeccionar

Esto revela la sección de Herramientas del Desarrollador de tu navegador, que muestra los elementos de codificación de tu página actual, en particular el código CSS del elemento de la página en el que acabas de hacer clic.

Debería aparecer como elemento principal si has hecho clic en la fecha, pero si no, busca una sección para <time class=. La clase CSS para tu fecha publicada debería aparecer justo después; en este caso, es entry-date. Pero los desarrolladores utilizan muchas variaciones de esto al crear temas, como post-date, posts-date y published-date.

Look for the "time class=" snippet and the information after it
Busca el fragmento «time class=» y la información que aparece después.

Copia sólo esa clase (no los paréntesis ni otros elementos).

Pega el código en el siguiente fragmento de CSS, sustituyendo yourthemes-class-name. Asegúrate de mantener el punto antes del nombre de la clase.

.yourthemes-class-name {
  display: none;
}

¡Y eso debería funcionar!

Una forma rápida (pero sólo a veces efectiva) de eliminar la fecha de publicación

Una forma rápida y sin código de eliminar la fecha de publicación, pero manteniendo la fecha de última actualización (insertada a partir del método anterior), es eliminando por completo el formato de la fecha en los Ajustes Generales de WordPress.

En WordPress, ve a Ajustes > General, y luego desplázate hasta las secciones Formato de fecha y Formato de hora. Elige la opción Personalizada para ambos y elimina el formato de ejemplo en cada campo. Haz clic en el botón Guardar cambios de la parte inferior.

Choose Custom and clear out the fields
Elige la opción Personalizada y borra los campos.

Como resultado, ya no aparecerán más fechas de publicación en las entradas de tu blog (o en cualquier tipo de entrada), pero la última fecha de actualización permanecerá, siempre y cuando hayas implementado el código necesario para mostrar la última fecha de actualización en el archivo functions.php (mostrado anteriormente en este artículo).

You should see the updated date without the published date on the frontend
Deberías ver la fecha actualizada sin la fecha de publicación en el frontend.

Todos tus tipos de entradas siguen recibiendo una marca de tiempo «Publicada» en el backend para que puedas encontrar esa fecha dentro de tu lista de entradas en WordPress, y los motores de búsqueda tengan una fecha de publicación que registrar. Sin embargo, puede que este método no funcione tan bien en algunos temas, especialmente si hay algún texto extra o un icono incluido con la fecha de publicación que se queda atrás. Nuestro ejemplo dejó atrás un texto «Publicado», pero afortunadamente no importaba mucho, ya que sigue teniendo sentido con el texto «Por nombre de autor». También hemos observado que algunos temas vuelven a rellenar el campo Formato de fecha personalizado después de eliminar los valores predeterminados, por lo que esto no funcionará para todos[/nota]

Método 2: Editar la plantilla de tu tema

Los desarrolladores de temas utilizan diferentes plantillas dentro de los archivos del tema para mostrar la información. La mayoría de las veces, una plantilla de tema dicta dónde y cómo se muestran los metadatos de la entrada (como la fecha de publicación) en el tema.

Puede que tengas que realizar alguna búsqueda, pero la idea es localizar la plantilla (y el código dentro de esa plantilla) responsable de compartir la fecha y la hora de una publicación en el frontend. De nuevo, los desarrolladores difieren en las plantillas utilizadas, pero es habitual ver el código de la fecha de publicación en una de estas plantillas:

  • index.php
  • page.php
  • single.php
  • archivo.php
  • contenido.php
  • template-tags.php
  • plantilla-funciones.php
  • Un archivo PHP dentro de la carpeta /inc
  • Un archivo PHP dentro de la carpeta /post
  • Un archivo PHP dentro de la carpeta /content
  • Un archivo dentro de la carpeta /excerpt
  • Un archivo dentro de la carpeta /template-parts

Se deja a la discreción del desarrollador (y a su propio estilo), por lo que deberás indagar para averiguar dónde se encuentra el código correcto, o para localizar un archivo con un nombre diferente a los indicados anteriormente.

Aquí tienes algunas opciones para encontrar el archivo del tema correcto:

  • Envía un mensaje al desarrollador del tema y pregúntale qué plantilla del tema controla la salida de las fechas de publicación de las entradas. También puedes realizar una búsqueda en línea o en el foro de usuarios de un tema.
  • Comprueba las plantillas de temas más comunes. Puedes empezar con index.php, page.php y single.php para temas más sencillos, pero la mayoría de los temas modernos utilizan archivos como /template-parts, /excerpts y /inc.
  • Utiliza la función de búsqueda del cliente FTP para buscar instancias de texto como posted, time, date, get_the_time, o get_the_date.

Para este ejemplo, estamos utilizando el tema Twenty Twenty One, y hemos encontrado que el código de la fecha de publicación se encuentra en el archivo template-tags.php, lo que te da una idea de que no hay mucha estandarización por parte de los desarrolladores de temas.

Los indicadores de la fecha de publicación en este archivo son

  • Una referencia a la clase de tiempo
  • get_the_date código
  • «Texto «publicado
Various indicators to find the file that serves up dates
Varios indicadores para encontrar el archivo que sirve las fechas.

Cuando encuentres indicadores de este tipo, decide una zona dentro del código que tenga sentido para colocar la última fecha actualizada. Normalmente es mejor insertar el nuevo código antes o después de la sección que ya muestra la fecha publicada.

Copia este código y pégalo en el lugar que desees:

$u_time = get_the_time('U');
$u_modified_time = get_the_modified_time('U');
if ($u_modified_time >= $u_time + 86400) {
  echo "<p>Last Updated on ";
  the_modified_time('F jS, Y');
  echo " at ";
  the_modified_time();
  echo "</p> ";
}
Paste the code into your template file
Pega el código en tu archivo de plantilla.

Trabajar con archivos de plantilla suele llevar un poco más de tiempo para encontrar las carpetas adecuadas, pero compensa con varias ventajas, principalmente que la fecha de la última actualización se muestra realmente en varias zonas.

Una de esas áreas es justo donde has insertado el código de las entradas. En este ejemplo, ahora podemos ver la fecha y el texto de la última actualización en la parte inferior del artículo, justo encima de la fecha de publicación.

The last updated date now shows on each post
La fecha de última actualización se muestra ahora en cada publicación.

Al cambiar la plantilla del tema también se muestra la fecha de última actualización en la página principal del Blog/Archivo, donde se listan todas las entradas de WordPress en secuencia. Por lo tanto, cada entrada actualizada muestra esa fecha en la lista, dando a los visitantes del sitio aún más transparencia sobre la frescura de tu contenido.

This method also reveals the last updated date on your main Blog/Archive page
Este método también revela la fecha de última actualización en tu página principal de Blog/Archivo.

Cambia la ubicación donde aparece la última fecha de actualización

Las plantillas de los temas dictan cómo aparecen las fechas en las entradas de WordPress, pero también deciden dónde aparece la fecha en una entrada.

Como depende del tema y de la estructura de su plantilla, puedes encontrar que un tema presenta las fechas de publicación y de última actualización en la parte superior de la entrada, justo debajo del título pero por encima del contenido. Otros desarrolladores de temas optan por revelar las fechas hacia la parte inferior, como antes de la biografía del autor, o incluso en algún lugar único como en la barra lateral.

Por lo tanto, es necesario utilizar las plantillas de los temas para ajustar dónde se coloca la fecha de última actualización o de publicación en una entrada. A veces, esto significa simplemente mover el código que has insertado en el método 2 a otro lugar del mismo archivo PHP.

Otras veces, ese archivo PHP es en realidad un archivo de «parte de la plantilla», que luego es arrastrado por una plantilla maestra que organiza todas las partes de la plantilla, dando lugar al formato de la entrada.

Utilizando nuestro ejemplo del tema Twenty Twenty One de antes, está claro que el archivo template-tags. php es sólo una pequeña pieza que al final se inserta en un archivo de tema de entrada maestro. Por lo tanto, tu trabajo consiste en preguntar al desarrollador qué plantilla del tema se encarga del formato de la entrada, o bien investigar por tu cuenta.

Aunque no podemos garantizar que esto funcione para todos los temas, es un excelente punto de partida buscar una plantilla de tema «maestro» llamada algo así como single.php, content-single.php, o incluso post.php.

En el caso del tema Twenty Twenty One, podemos insertar el último código actualizado tanto en single .php como en content-single .php, ya que single. php sirve como archivo de plantilla «maestro», pero content-single.php es la parte de la plantilla de la que tira single. php.

Open the content-single.php file, or whichever template part file has the code that displays dates
Abre el archivo content-single.php, o el archivo de la parte de la plantilla que tenga el código que muestra las fechas.

Para mover la ubicación de la última fecha actualizada, toma el código mencionado en el método 2 y pégalo donde quieras que vaya. Podemos ver que este archivo tiene una sección header y un fragmento para the_content, así que colocaremos el código de la última fecha actualizada justo entre esos dos, moviendo la fecha desde la posición por defecto debajo del contenido a justo antes del contenido.

Move the code to a suitable position
Mueve el código a una posición adecuada.

En el frontend, la última fecha actualizada aparece ahora donde queremos, y puedes eliminar la fecha repetida de la ubicación anterior (hacia la parte inferior) o dejar ambas ahí.

The last updated date is now at the top of the post
La última fecha actualizada está ahora en la parte superior de la entrada.

Añadir la fecha de última actualización en el tema Astra

Dado que el uso (y los nombres) de las plantillas de los temas cambian de un tema a otro, te mostraremos cómo insertar la última fecha actualizada en algunos temas que son populares por sus opciones de diseño polivalente y su rapidez: Astra, Neve y Zakra.

El primero, Astra, es un conocido tema polivalente con una biblioteca de plantillas iniciales gratuitas. Cada una de esas plantillas de inicio añade nuevos archivos al directorio de plantillas del tema, pero la estructura básica sigue siendo la misma. Para este tutorial, hemos instalado una plantilla de inicio y ahora queremos añadir una fecha de última actualización en la parte superior de cada entrada.

Para que te hagas una idea de lo diferente que funciona cada tema, el tema Astra (con su plantilla de inicio de Blog de Viajes) ni siquiera muestra la fecha de publicación por defecto. No obstante, puedes añadir la fecha de última actualización. Para insertar la fecha utilizando el método 1 de este artículo, ve a /wp-content > /themes > /astra en tu cliente FTP. Abre el archivo functions.php.

Open functions.php
Abre functions.php.

Pega el código del Método 1 al final del archivo y guárdalo en tu servidor. El resultado es la última fecha de actualización que aparece en la parte superior de las entradas de tu blog.

A frontend view of the last updated date in Astra
Una vista frontal de la última fecha de actualización en Astra.

Utilizando el método 2, encuentra la plantilla del tema llamada single-layout.php. Se encuentra en /astra > /template-parts > /single.

Open the single-layout.php file
Abre el archivo single-layout.php.

Estás utilizando el mismo código, pero algunas plantillas de temas requieren que especifiques que estás utilizando código PHP; por lo tanto, añade el corchete alrededor del código si estás viendo el código en el frontend y no la fecha renderizada.

Debería tener este aspecto:

<?php
function show_last_updated( $content ) {
  $u_time = get_the_time('U');
  $u_modified_time = get_the_modified_time('U');
  if ($u_modified_time >= $u_time + 86400) {
    $updated_date = get_the_modified_time('F jS, Y');
    $updated_time = get_the_modified_time('h:i a');
    $custom_content .= '<p class="last-updated-date">Recently updated on '. $updated_date . ' at '. $updated_time .'</p>';
  }
  $custom_content .= $content;
  return $custom_content;
}
add_filter( 'the_content', 'show_last_updated' );

Coloca el fragmento justo encima de la línea que incluye el código the_content.

Insert code into single-layout.php
Inserta el código en single-layout.php.

¡Al guardar y subir ese nuevo archivo al servidor se genera una línea recién actualizada antes de que comience el contenido en el tema Astra!

Last updated date result on the frontend of Astra
Resultado de la fecha de última actualización en el frontend de Astra.

Añadir la fecha de última actualización en el tema Neve

El tema Neve es un excelente recordatorio de que siempre hay que consultar el Personalizador de WordPress antes de trastear con cualquier código. Cada tema añade su propia configuración dentro del Personalizador, por lo que es posible que encuentres una opción para mostrar sólo la última fecha de actualización. Y ese es exactamente el caso de Neve.

Para activar el ajuste en WordPress, ve a Apariencia > Personalizar > Diseño > Blog/Archivo. Haz clic en el desplegable Meta de la entrada. Asegúrate de que la fecha está visible en Meta Order, y luego activa la opción «Usar la última fecha actualizada en lugar de la publicada»

La fecha más reciente se mostrará entonces en la página del blog y en cada entrada individual.

Neve makes it easy with a Customizer setting
Neve lo hace fácil con una configuración del Personalizador.

Añadir la fecha de última actualización en el tema de WordPress Zakra

Zakra es otro tema complicado en el que podrías pensar en ir a la carpeta /template-parts de tus archivos de WordPress para encontrar el código que sirve para la fecha de publicación. Sin embargo, el lugar correcto está dentro de la carpeta /inc.

Para añadir la última fecha de actualización a Zakra, conéctate mediante un cliente FTP y ve a la carpeta /themes de tu sitio. A continuación, navega hasta /zakra > /inc > template-tags.php. Abre el archivo para editarlo.

Open the template-tags.php file
Abre el archivo template-tags.php.

Pega el código comentado anteriormente entre ); (de la función get_the_time ) y $posted_on = sprintf(. Guarda el archivo en el servidor.

Paste the code inside the Zakra theme template
Pega el código dentro de la plantilla del tema Zakra.

La fecha aparece ahora en el frontend de todas las entradas del tema Zakra.

The last updated date on the frontend of Zakra
La última fecha de actualización en el frontend de Zakra.

Si todavía tienes problemas para editar el diseño de tu tema

Como habrás notado varias veces a lo largo de este artículo, cada tema tiene su propio estilo incorporado, código CSS y funcionalidad PHP. Por lo tanto, es imposible saber cómo responde cada tema a nuestro código de ejemplo. Además, muchos temas ya tienen el estilo adecuado, o incluso muestran la última fecha de actualización sin que tengas que hacer ningún ajuste.

Independientemente de la situación, la mayoría de los problemas al tratar con la última fecha de actualización surgen debido a los archivos de los temas codificados, o a algún tipo de singularidad dentro de los archivos. Por lo tanto, a menudo es mejor ponerse en contacto con el desarrollador de tu tema y mencionar lo que estás tratando de conseguir. A menudo pueden proporcionar una solución rápida con el código CSS o PHP adecuado para tu situación particular.

Método 3: Utilizar un plugin

Te recomendamos que utilices uno de los métodos anteriores para modificar las fechas de publicación antes de recurrir a un plugin. Esto se debe a que cada plugin que añades crea más posibilidades de problemas de rendimiento y seguridad; este cambio de fecha en particular es pequeño, así que preferimos evitar añadir un plugin cuando todo lo que tienes que hacer es editar el archivo functions.php o una plantilla de tema.

Dicho esto, es posible que descubras que ninguno de los métodos anteriores funciona, o que no funcionan como tú quieres. En ese caso, considera instalar y activar el plugin WP Last Modified Info.

Este plugin elimina las conjeturas de la ecuación, permitiéndote añadir la última fecha de actualización, ajustar la configuración (como sustituir la fecha de publicación) y formatear la apariencia y la ubicación de la fecha.

The WP Last Modified Info plugin
El plugin WP Last Modified Info.

Una vez activado, ve a Ajustes > Información sobre la última modificación de WP en el panel de control de WordPress. En la página de Opciones de Publicación, activa el interruptor de «Habilitar para Publicaciones/Páginas en el Frontend»

Enable for Posts and Pages on the frontend
Habilitar para Entradas y Páginas en el frontend.

También puedes elegir cambiar el método de visualización a:

  • Antes del contenido
  • Después del contenido
  • Sustituir la fecha de publicación
  • Manual(usando un shortcode)

Desplázate hacia abajo en la página para localizar otros ajustes para:

  • Formato de la fecha
  • Formato de la hora
  • Espacio de tiempo
You can choose to replace the published date with the last updated date
Puedes elegir sustituir la fecha de publicación por la última fecha de actualización.

Guarda estos ajustes para que aparezca la última fecha de actualización en el frontend de tu sitio. Si algo no se ve del todo bien, vuelve a la configuración para ver si hay algo disponible para arreglarlo a lo que quieres ver.

A frontend view of what the plugin displays
Una vista frontal de lo que muestra el plugin.

Automáticamente, el plugin activa también la fecha de última actualización de las páginas. Si quieres eliminar ese valor por defecto, vuelve a la configuración del plugin para rellenar el campo «Tipos de publicaciones que deben mostrar información modificada«. Simplemente escribe «Posts» en el campo para asegurarte de que no se actualiza nada en el tipo de entrada Pages. Una vez realizados los cambios, asegúrate de hacer clic en el botón Guardar configuración.

Only show the updated date on Posts
Mostrar sólo la fecha de actualización en las Entradas.

¿Cómo saber cuándo se actualizó por última vez una entrada o página de WordPress?

Mostrar la fecha de actualización más reciente en una entrada de WordPress es una cosa, pero ¿qué pasa con la visualización real de cuándo se actualizó una entrada por última vez? Después de todo, esta es una parte importante para identificar las entradas antiguas que debes modificar.

Además, mirar las fechas de publicación y de última actualización puede ayudar a solucionar los problemas que puedas encontrar al añadir la fecha de última actualización. Por ejemplo, la mayor parte del código de este artículo requiere que haya realmente una fecha de última actualización para poder tirar de ella. Eso significa que no verás ninguna fecha si la publicación no se ha actualizado, lo que puede que no sepas hasta que busques una fecha en el backend.

Para ver cuándo se actualizó por última vez una entrada o página de WordPress (incluso antes de implementar cualquier código de los métodos anteriores) puedes recurrir a un área del panel de control de WordPress.

Desgraciadamente, WordPress no muestra automáticamente la fecha de modificación o de última actualización en el backend cuando añades a tus entradas y páginas, incluso cuando implementas algunos de los códigos de nuestros métodos anteriores. Al ir a la lista de Entradas en WordPress sólo se muestra una columna de Fecha de Publicación.

There's only a Published Date column on the backend post list
Sólo hay una columna de Fecha de Publicación en la lista de entradas del backend.

Lo mismo ocurre con los editores de entradas y páginas; puedes mirar en la pestaña de entradas para ver la fecha de publicación, pero nada sobre cuándo se actualizó por última vez.

Only the Published date gets shown by default
Por defecto sólo se muestra la fecha de Publicación.

La forma incorporada de tener una idea de la fecha de última actualización en WordPress

Sin la ayuda de la funcionalidad de visualización incorporada, lo mejor es abrir la entrada en cuestión y hacer clic en la pestaña Entrada de la derecha. Desplázate hacia abajo para encontrar un botón de Revisiones.

  • Si no ves un botón de Revisiones, significa que nunca lo has actualizado.
  • Si ves un botón de Revisiones, haz clic en él.
Click the Revisions button to view the list
Haz clic en el botón Revisiones para ver la lista.

Aunque esto no es una garantía para encontrar la última fecha de actualización, te da una idea bastante buena de la actividad de esta entrada.

Las revisiones se guardan en WordPress tanto si publicas la entrada como si no, así que es posible que tengas algunos registros de revisiones que no sean realmente fechas de última actualización. Pero puedes mirar las revisiones pasadas para ver cuál de ellas has publicado más recientemente, basándote en el contenido de la revisión.

Cada revisión registra la fecha y la hora, que puedes suponer que también es la fecha de última actualización.

Check for the Last Modified date within the revisions
Comprueba la fecha de última modificación dentro de las revisiones.

Si ya has implementado el código de la última fecha de actualización de uno de los métodos anteriores, pero no ves una fecha en el frontend, esta es una excelente manera de ver si la publicación tiene una fecha de actualización en primer lugar; si no la tiene, el código no mostrará nada.

O utiliza un plugin para encontrar la fecha de última actualización en el backend

El plugin WP Last Modified Info no sólo añade la fecha de última modificación en el frontend, sino que crea columnas y secciones en todo el panel de control para facilitar la localización de las entradas que no has actualizado en un tiempo.

Con el plugin WP Last Modified Info instalado, navega a la lista de Entradas en WordPress. Automáticamente, el plugin genera una nueva columna junto a la Fecha llamada Última modificación.

The plugin includes a new backend column for the Last Modified date
El plugin incluye una nueva columna en el backend para la fecha de Última Modificación.

El plugin también muestra una pestaña dentro del editor de entradas llamada Última actualización, que muestra la fecha y hora de la última actualización de la entrada individual.

The Last Updated tab within the post editor
La pestaña Última actualización dentro del editor de entradas.

Resumen

En este artículo, has aprendido:

  • ¿Cómo saber cuándo se actualizó por última vez un sitio web?
  • Las ventajas de mostrar la fecha de la última actualización en tu sitio web
  • ¿Cómo mostrar la fecha de la última actualización en WordPress? utilizando los siguientes métodos:
    • Método 1: Editando functions.php y CSS en tu tema
    • Método 2: Editando las plantillas del tema
    • Método 3: Utilizando un plugin como WP Last Modified Info

También hemos explorado consejos sobre:

  • ¿Cómo cambiar el estilo de la fecha de última actualización?
  • ¿Cómo eliminar la fecha de última actualización de las páginas y de cualquier otra cosa que no sea un post?
  • Eliminando la fecha de publicación para que sólo aparezca la fecha de última actualización
  • ¿Cómo cambiar la ubicación de la última fecha de actualización en una entrada?

Por último, te mostramos cómo añadir la fecha de última actualización a varios temas populares, entre ellos:

Haznos saber en los comentarios si tienes alguna otra pregunta sobre cómo mostrar la fecha de última actualización en tu sitio web de WordPress

Jeremy Holcombe Kinsta

Editor de Contenidos y Marketing en Kinsta, Desarrollador Web de WordPress y Redactor de Contenidos. Aparte de todo lo relacionado con WordPress, me gusta la playa, el golf y el cine. También tengo problemas con la gente alta ;).