• 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 / Core / Shortcode para mostrar la fecha en WordPress

Shortcode para mostrar la fecha en WordPress

Shortcode para mostrar la fecha en WordPress

[ 10 agosto 2021 ] [ Autor: Jhon Marreros Guzmán ][ Core - Intermedio] [ ]

funcionalidad

¿Me ayudas a llegar a más gente?

Twittear Compartir LinkedIn WhatsApp

En un artículo anterior habíamos visto cómo crear un shortcode en WordPress, en este artículo veremos cómo aplicar esta funcionalidad para mostrar la fecha actual como parte del contenido o cualquier otra sección de tu sitio.

 

Resultado Final

Al final tendrás un shortcode que puedes usar en diferentes partes de tu sitio, tal como se ve en la siguiente imagen:

Insertar shortcode fecha actual

 

Código para la creación del shortcode

El shortcode que creamos tendrá el nombre de current_date, acepta un atributo llamado format que es opcional. Si el shortcode no tiene el atributo format, tomará por defecto la configuración de fecha de WordPress.

add_action( 'init', 'dcms_add_shortcode_date' );

function dcms_add_shortcode_date(){
	add_shortcode('current_date', 'dcms_create_current_date');
}

function dcms_create_current_date( $atts, $content ){
	$atts = shortcode_atts(
				['format' => get_option('date_format')],
				$atts, 'current_date');
	$str = date_i18n($atts['format']);
	return $str;
}
Puedes agregar este código al final de tu archivo functions.php de tu tema hijo.

En el código anterior:

  • Usamos el Hook init que hace referencia a la función dcms_add_shortcode_date()
  • La función creará el shortcode llamado current_date y hará referencia a la función dcms_create_current_date()
  • Dentro de esta función buscamos si tenemos el atributo format
  • Por defecto será el formato de fecha de WordPress que obtenemos con la función get_option()
  • Para recuperar la fecha actual localizada usamos la función date_i18n() con el formato como parámetro
  • Finalmente devolvemos la cadena de fecha

El atributo format esta basado en la función date() de PHP, puedes ver que igualmente lo usan en la función date_i18n() de WordPress

 

Usos del shortcode

  • La forma básica

    [current_date]
  • Formato día mes año

    [current_date format="d-m-Y"]
  • Formato sólo año

    [current_date format="Y"]
  • Formato con hora

    [current_date format="d-m-Y h:i:s a"]
  • Formato con texto “de” escapado con \\

    [current_date format="l d \\d\\e  F \\d\\e\\l  Y"]

Los valores para el atributo formato siguen las mismas reglas que la función date() de PHP

 

Conclusión

Si necesitas por alguna razón mostrar la fecha completa o parte de la fecha en tu sitio web, puedes usar el shortcode y configurar el formato de acuerdo a tus necesidades.

 

¿Aún con dudas?, en el siguiente video se detalla el uso del shortcode.

Suscríbete a DecodeCMS:  

 

¿Me ayudas a llegar a más gente?

Twittear Compartir LinkedIn WhatsApp

Artículos Relacionados

  • Listar todos los Shortcodes en un sitio WordPressListar todos los Shortcodes en un sitio WordPress
  • Shortcodes en WordPress cómo usarlosQué son los Shortcodes en WordPress y cómo usarlos
  • Leer más y extracto en WordPressLeer más y Extracto en WordPress
  • Remover el slug de la página padre en WordPressRemover el slug de la página padre en WordPress
Valora este artículo : 1 barra2 barras3 barras4 barras5 barras (4 votos, promedio: 4,00 de 5)
Cargando...

Interacciones con los lectores

Comentarios

  1. Marco

    13 diciembre, 2021

    Hola.
    Que buen artículo y de ayuda. Gracias por compartirlo.
    Unas consultas. ¿Hay alguna manera de centrar la fecha? ¿Se puede cambiar el color de la fecha o tipografía?
    Agradezco tu amable respuesta.

    • Jhon Marreros Guzmán

      15 diciembre, 2021

      Hola, lo que comentas son cambios CSS, depende de la estructura y estilos de tu theme, revisa el siguiente artículo de referencia: https://decodecms.com/usar-el-inspector-de-codigo-para-modificar-un-theme-wordpress/

  2. Leonardo Gómez

    2 mayo, 2022

    Hola Jhon si quisiera el nombre del dia es muy dificil?

    • Jhon Marreros Guzmán

      3 mayo, 2022

      Hola, usa la letra “l” como formato, revisa: https://www.php.net/manual/es/function.date.php

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

Letra capital en párrafos en WordPress

Qué son los Shortcodes en WordPress y cómo usarlos

Crear un sitio One Page en WordPress

Formulario de login sin plugins en WordPress

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