• 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

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

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

mejoras

¿Me ayudas a llegar a más gente?

Twittear Compartir LinkedIn WhatsApp

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.

 

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

Suscríbete a DecodeCMS:  

 

¿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
  • Agregar CSS en WordPressAgregar CSS en WordPress de manera correcta
  • Abrir enlaces externos en un nuevo tab automáticamenteAbrir enlaces externos en un nuevo tab automáticamente
  • Personalizar enlace leer más en WordPressPersonalizar enlace leer más en WordPress
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

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

Cambiar el logo en cabecera fija en un tema WordPress

Query Monitor para optimizar y depurar tu sitio WordPress

Anterior y siguiente en la página de producto de WooCommerce

Ajax en WordPress de manera correcta

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