• 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 / Fechas relativas en WordPress a través de código

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

[ 12 octubre 2022 ] [ Autor: Jhon Marreros Guzmán ][ Themes - Intermedio] [ ]

mejoras

Suscríbete a DecodeCMS:  

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:

Fechas relativas en WordPress

 

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' ) ) );
}

Puedes copiar el siguiente código en el archivo functions.php de tu tema hijo.

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.

 

¿Me ayudas a llegar a más gente?

Twittear Compartir LinkedIn WhatsApp

Artículos Relacionados

  • Mostrar la fecha de actualización en las entradas de WordPressMostrar la fecha de actualización en las entradas de WordPress
  • Saltos de enlace en WordPressSaltos de enlace en una misma página en WordPress
  • Mostrar la fecha de actualización en las entradas de WordPressMostrar la fecha de actualización en las entradas de WordPress
  • Guardar datos de formulario de contacto sin pluginsGuardar datos de formulario de contacto sin plugins
Valora este artículo : 1 barra2 barras3 barras4 barras5 barras (1 votos, promedio: 5,00 de 5)
Cargando...

Interacciones con los lectores

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

*

* Gravatar habilitado

Barra lateral principal

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

Omnisend
Alojamiento Wordpress

Niveles

Básico Intermedio Avanzado

Etiquetas

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

Populares

Usar el Inspector de código para modificar un theme WordPress

¿Qué es el Loop de WordPress?

CRUD en WordPress sin plugins

Usar Firebug para modificar un theme WordPress

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