• 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

  • Fechas relativas en WordPress a través de códigoFechas relativas en WordPress a través de código
  • Agregar animaciones de aparición sin plugins en WordPressAgregar animaciones de aparición sin plugins en WordPress
  • Estilos de editor en GutenbergEstilos de editor en Gutenberg
  • Exportar / importar  la configuración del personalizador de temas en WordPressExportar / importar la configuración del personalizador de temas en WordPress
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

Jooble
Alojamiento Wordpress

Niveles

Básico Intermedio Avanzado

Etiquetas

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

Populares

Enviar datos desde PHP a Javascript en WordPress

Entradas relacionadas mejoradas sin plugins en WordPress

Configura el tema Twenty Twenty One WordPress

Habilitar sonido en video theme Twenty Seventeen

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