Fechas relativas en WordPress a través de código

[ hace 5 meses ] [ Autor: Jhon Marreros Guzmán ][ Themes - Intermedio] [ ]

mejoras

En este artículo veremos como cambiar el formato de las fechas de publicación y actualización en WordPress, al estilo de las fechas de facebook, twitter y otras redes sociales. Veremos cómo realizar esto directamente a través de código.

Resultado Final

Al final lo que queremos obtener es algo similar a lo que se muestra en la siguiente imagen:

Código para las fechas relativas en WordPress

Para que el siguiente código tenga efecto puedes descomentar los Hooks que necesitas, verás que se hace referencia a dos funciones:
get_the_date() y get_the_time().

// 👉 Descomentar alguno de estos Hooks

//add_filter( 'get_the_date', 'dcms_time_ago_text', 10, 3 );
//add_filter( 'get_the_modified_date', 'dcms_time_ago_text', 10, 3 );
//add_filter( 'get_the_time', 'dcms_time_ago_text', 10, 3 );
//add_filter( 'get_the_modified_time', 'dcms_time_ago_text', 10, 3 );

function dcms_time_ago_text($date, $format, $post) {
	$post_date = str_contains( current_filter(), 'modified' ) ?
				strtotime( $post->post_modified ) :
				strtotime( $post->post_date );

	
	if ( (time() - YEAR_IN_SECONDS ) > $post_date || date(DATE_W3C, $post_date) === $date ){
		return $date;
	}

	return sprintf( 'hace %s', human_time_diff($post_date, current_time( 'U' ) ) );
}

En el código anterior:

• Algunos temas pueden usar get_the_date() para obtener la fecha, otros pueden usar get_the_time(), por lo que debes evaluar qué Hooks descomentar
• Los hooks hacen referencia a la función dcms_time_ago_text()
• Primero averiguamos si modificaremos una fecha de publicación o de actualización
• Validamos que la fecha sea menor a un año de antigüedad y que no sea una fecha con el formato DATE_W3C (metadato para SEO)
• Si deseas puedes quitar la validación de antigüedad del condicional
• Finalmente retornamos la fecha formateada usando la función human_time_diff()

Conclusión

Como has podido comprobar, puedes mejorar la experiencia de usuario mostrando fechas fáciles de entender a tus usuarios, hemos visto cómo realizar esto directamente a través de código.

¿Aún con dudas?, en el siguiente video se detalla cómo usar el código

Valora este artículo : (1 votos, promedio: 5,00 de 5)

Cargando...