• 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
  • Transients en WordPressCómo usar Transients en WordPress
  • Qué son los Hooks de WordPress¿Qué son los Hooks de WordPress y Cómo usarlos?
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

  3. Daniel

    24 noviembre, 2022

    Hola, siempre uso este artículo para usar la fecha y colocarlos en los leads que luego se guardan en un google sheet conectado por un zapier. El problema que cada vez que se actualiza la plantilla (Astra) se borra el código que coloqué en function.php y tengo que colocarlo de nuevo. ¿Hay otra forma de que no se borre? o instalando un plugin en especial?

    • Jhon Marreros Guzmán

      24 noviembre, 2022

      Hola, puedes crear un tema hijo y usar su archivo functions.php, la otra opción es usar un plugin de Snippets, revisa este artículo: https://decodecms.com/agregar-codigo-a-tu-sitio-sin-usar-functions-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

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

Búsqueda en tabla personalizada en WordPress

Regenerar imágenes de miniaturas en WordPress

5 tipos de complementos de WordPress

Agregar Google Fonts en WordPress sin usar plugins

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