• 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
  • Acceder
    • Mis cursos
    • Mi Cuenta
    • Acceder
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

  • Ajax sin usar jQuery en WordPressAjax sin usar jQuery en WordPress
  • Eliminar el selector de idioma en el acceso a WordPressEliminar el selector de idioma en el acceso a WordPress
  • Subcategorías en formato horizontal en página de categorías de WooCommerceSubcategorías en formato horizontal en página de categorías de WooCommerce
  • Atributos como parte de la descripción del producto en WooCommerceAtributos como parte de la descripción del producto en WooCommerce
Valora este artículo : 1 barra2 barras3 barras4 barras5 barras (4 votos, promedio: 5,00 de 5)
Cargando...

Interacciones con los lectores

Comentarios

  1. Jorge

    19 marzo, 2019

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

  2. Franc

    29 mayo, 2020

    Lo he probado y funciona bien. Gracias por el aporte.

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

*

* Gravatar habilitado

Barra lateral principal

Presentación

Curso Decodifica WordPress

Únete a DecodeCMS

Recibirás como regalo:

Guia práctica con video:
¿Quieres agregar código a WordPress? Revisa las diferentes opciones que tienes.Ver más

Alojamiento Wordpress

Niveles

Básico Intermedio Avanzado

Etiquetas

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

Populares

Usar Content Security Policy (CSP) en WordPress

Cambiar el logo en la versión móvil de tu sitio Web

Archivo de plantilla de acuerdo a url personalizada en WordPress

Deshabilitar el editor de archivos para temas y plugins en WordPress

© logo decode pie
Política de Privacidad | Política de devoluciones
Copyrigth 2022 Todos los derechos reservados