• Saltar a la navegación principal
  • Saltar al contenido principal
  • Saltar a la barra lateral principal

DecodeCMS

Tu WordPress a otro Nivel ...

  • Acerca de
  • Contacto
  • Inicio
  • Tutoriales
    • Themes
    • Plugins
    • Core
    • Recursos
  • Cursos
Inicio / Tutoriales / Themes / Mostrar la fecha de actualización en las entradas de WordPress

Mostrar la fecha de actualización en las entradas de WordPress

Mostrar la fecha de actualización en las entradas de WordPress

[ 19 marzo 2019 ] [ Autor: Jhon Marreros Guzmán ][ Themes - Intermedio] [ ]

mejoras

¿Me ayudas a llegar a más gente?

Twittear Compartir LinkedIn WhatsApp

En la mayoría de los temas WordPress sólo se muestra la fecha de creación de los artículos, sin embargo puede ser que en algunos casos desees mostrar la fecha de actualización, en este artículo veremos cómo mostrar la fecha de actualización en las entradas de WordPress a través de código.

 

Opción 1 – Utilizando un Hook

La opción más simple es usar el Hook de filtro llamado the_content, a través de este hook se puede concatenar algo al parámetro de contenido.

El siguiente código se puede agregar en el archivo functions.php del child theme que estes usando.


function dcms_last_updated_entry( $content ) {

	if ( ! is_single() ) return $content;

	$custom_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">Última actualización: '. $updated_date . ' - '. $updated_time .'</p>';
	}

	$custom_content .= $content;
	return $custom_content;
}

add_filter( 'the_content', 'dcms_last_updated_entry' );

En el código anterior:

  • El hook the_content hace referencia a la función dcms_last_updated_entry
  • Dentro de la función comprobamos primero si es una entrada con is_single
  • Recuperamos la fecha de creación y fecha de modificación
  • Se compara las fechas y en caso sean diferentes entonces formaremos la variable $custom_content
  • La variable $custom_content concatena la fecha y hora de actualización
  • Al final concatenamos $custom_content con la variable $content y retornamos el resultado.

 

Al final obtendremos algo similar a la siguiente imagen

Fecha de actualización agregada

 

Opción 2 – Modificando el archivo del theme

En este caso necesitas ubicar un archivo de tu theme en donde colocar la siguiente función:


if ( ! function_exists('dcms_show_update_entry') ){
	function dcms_show_update_entry(){

		if ( ! is_single() ) return '';
		
		$custom_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">Última actualización: '. $updated_date . ' - '. $updated_time .'</p>';
		}
		return $custom_content;
	}
}

El código anterior es similar a lo que usamos en el opción 1, salvo que en este caso vamos a comprobar que la función dcms_show_update_entry existe, y además retornamos directamente la variable $custom_content.

Para usar esta función simplemente puedes imprimirla con un echo de la siguiente forma:

echo dcms_show_update_entry()

En nuestro ejemplo usamos el theme Twenty Seventeen, el archivo single.php, que muestra el detalle de una entrada, hace referencia a un archivo que esta en la siguiente ruta: /template-parts/post/content.php, es este archivo el que puedes usar para agregar el código.

 
Al final obtendremos algo similar a lo que se muestra en la siguiente imagen:

Fecha de actualización agregada

 

Conclusión

Como has podido ver, si tu theme no incluye la fecha de actualización, puedes agregarla de manera simple a través de código y evitar el uso de plugins adicionales para hacer esto.

 
¿Aún con dudas?, en el siguiente video se detallan los puntos anteriores.

Suscríbete a DecodeCMS:  

 

¿Me ayudas a llegar a más gente?

Twittear Compartir LinkedIn WhatsApp

Artículos Relacionados

  • Mostrar mensajes en la administración de WordPress y en Gutenberg Mostrar mensajes en la administración de WordPress y en Gutenberg
  • Configura el theme Twenty Twenty de WordPress Configura el theme Twenty Twenty de WordPress
  • Mostrar el nombre del archivo que esta usando un tema sin usar plugins Mostrar el nombre del archivo que esta usando un tema sin usar plugins
  • Archivo HTML como página de inicio en WordPress Archivo HTML como página de inicio en WordPress
Valora este artículo : 1 barra2 barras3 barras4 barras5 barras (3 votos, promedio: 5,00 de 5)
Cargando…

Interacciones del lector

Comentarios

  1. Jorge

    19 marzo, 2019

    Muy sencillo y muy útil.
    Enhorabuena y gracias Jhon.

Para escribir código envolver con: <pre class="language-xxx"><code> </code></pre> ,reemplaza las xxx (php, css, html)

*

* Gravatar habilitado

Barra lateral primaria

Únete a DecodeCMS

Recibirás como regalo:

Fundamentos de programación:
Guía base para entender la estructura de WordPress.

Mini curso en video de:
Cómo construir un plugin de entradas populares.

Niveles

Básico Intermedio Avanzado

Etiquetas

accesibilidad css dashboard editor error funcionalidad herramientas imagen js librería mejoras optimización seguridad social

Populares

Cómo usar Transients en WordPress

Insertar Font Awesome en WordPress

Optimizar la carga de imágenes con Lazy Load

Insertar código fuente en WordPress usando Prism

Recientes

  • Mostrar mensajes en la administración de WordPress y en Gutenberg
  • Configura el theme Twenty Twenty de WordPress
  • Mostrar el nombre del archivo que esta usando un tema sin usar plugins
  • Archivo HTML como página de inicio en WordPress
alojamiento wordpress

© logo decode pie Copyright 2019 | Todos los derechos reservados | Política de Privacidad