Cómo Cambiar el Formato de Fecha de Divi

Descarga Divi

Manual de Divi

Aprende a usar y configurar todos los módulos de Divi.

La manera de cambiar el formato de fecha y hora es una de esas cosas que la mayoría de quienes tienen un blog WordPress no sabe siquiera que se puede personalizar. Y por este motivo solemos quedarnos con el formato predeterminado, aunque no sea el más apropiado…

Por eso creo que es importante saber cómo cambiar el formato de fecha de Divi. Por ejemplo, para mejorar el aspecto en la fecha de publicación de tus entradas.

Saber cómo cambiar el formato de fecha de Divi te brinda la libertad de hacer que una fecha sea más legible para los usuarios o que el formato se adapte mejor al tipo de sitio web… o a lo que se usa en tu región.

Por ejemplo, Lunes 23 de Mayo de 2020 es un poco más cálido que el formato estándar 23/05/2020. Aunque este último es más compacto y puede ser preferible en muchos casos.

Lo mismo ocurre con el formato de la hora, cuando sea necesario mostrarla. Algunos sitios necesitan utilizar el formato de 12 horas 8:30 pm, mientras que otros prefieren el formato de 24 horas 20:30.

Por suerte, Divi y WordPress ofrecen un control bastante amplio sobre el formato de fecha y hora disponible en PHP y en esta guía vamos a ver cómo cambiar el formato de fecha y hora de cualquier elemento de un sitio web Divi.

Comencemos por lo básico…

Caracteres de Formato de Fecha y Hora de Divi

Divi aprovecha el formato de fecha y hora integrado de WordPress. Pero antes de entrar en cómo cambiar el formato de fecha de Divi, es útil conocer los caracteres (o variables) de formato disponibles.

A continuación te muestro una lista de los caracteres de formato de fecha y hora disponibles en Divi que se pueden usar combinados para crear formatos personalizados de fecha y hora.

Formato de Fecha

Cada letra (o variable) de la siguiente lista equivale a un elemento de la fecha (día, mes o año) representado de una determinada forma.

Variables para Día

  • d = Día del mes, 2 dígitos con ceros a la izquierda (“02”, “22”).
  • D = Día de la semana en tres letras (“lun”, “mar”).
  • l (L minúscula) = Día de la semana completo (“lunes”, “martes”).
  • N = Número del día de la semana ISO-8601 (“1” para Lunes, “7” para Domingo, etc.).
  • w = Número del día de la semana (“0” para Dominio, “6” para Sábado, etc.).
  • S = Sufijo del día del mes (“st”, “nd”, “rd”).
  • z = Día del año comenzando por 0 (“173” o “este es el día 173 del año”).

Variable para Semana

  • W = Número de la semana en el año (26).

Variables para Mes

  • F = Nombre del mes completo (“enero”).
  • M = Mes en tres letras (Marzo se muestra como “Mar”).
  • m = Número del mes con ceros a la izquierda (Junio se muestra como “06”).
  • n = Número del mes sin ceros a la izquierda (Junio se muestra como “6”).
  • t = Cantidad de días del mes (“30”).

Variables para Año

  • Y = Año en cuatro dígitos (”2020”).
  • y = Año en dos dígitos (“20”).

Ejemplos de formato de fecha

Estos son algunos ejemplos de formato de fecha personalizados que podemos conseguir con Divi utilizando las variables anteriores.

  • d/m/Y = 22/06/2020
  • d.m.Y = 22.06.2020
  • d · m · y = 22 · 06 · 20
  • M j, Y = Jun 22, 2020
  • j M Y = 22 Jun 2020
  • d F Y = 22 Junio 2020
  • D d M = Lun 22 Jun
  • l j F Y = Lunes 22 Junio 2020

Formato de Hora

Cada letra (o variable) de la siguiente lista equivale a un elemento de la hora (minutos, segundos) representado de una determinada forma.

Variables de Hora

  • a = “am” o “pm”.
  • A = “AM” o “PM”
  • g = Hora en formato 12 horas sin ceros a la izquierda (“1“ a “12”).
  • h = Hora en formato 12 horas con ceros a la izquierda (“01 a “12”).
  • G = Hora en formato 24 horas sin ceros a la izquierda (“0“ a “23”).
  • H = Hora en formato 24 horas con ceros a la izquierda (“00“ a “23”).
  • i = Minutos con ceros a la izquierda (“00“ a “59”).
  • s = Segundos con ceros a la izquierda (“00″ a «59”).
  • T = Zona horaria.

Ejemplos de Formato de Hora

Estos son algunos ejemplos de formato de hora personalizados que podemos conseguir con Divi utilizando las variables anteriores.

  • g:i a = 4:10 pm
  • g:i:s a = 4:10:52 pm
  • H:i = 16:10
  • H:i:s = 16:10:52

Formatos de Fecha y Hora

Combinando las variables y los ejemplos vistos más arriba podemos crear formatos de fecha y hora más complejos como los siguientes:

  • d/m/Y g:i:s A = 22/06/2020 4:10:52 PM
  • d-m-Y, G:i = 22-06-2020, 16:10

Añadir Caracteres Adicionales a la Fecha

Y… ¿Qué tal si queremos mostrar una fecha con formato 22 de Junio de 2020?

No podemos simplemente añadir la palabra de a las variables de fecha porque estas letras interferirían con el formato de la fecha. Por ejemplo:

  • Antes vimos que d F Y da como resultado 22 Junio 2020.
  • En cambio d de F de Y nos daría como resultado 03 03-03:00 junio 03-03:00 2020.

Pero a no preocuparse que no es tan grave…

Para añadir caracteres o palabras adicionales a la cadena de fecha y hora simplemente tenemos que agregar una barra invertida (\) antes de cada carácter adicional que queramos incluir, y ese caracter se mostrará normalmente.

Por ejemplo: \d\e representa la palabra de.  Veamos algunos ejemplos más:

  • d \d\e F \d\e Y = 22 de Junio de 2020.
  • l d \d\e F \a \l\a\s H \h\s = Lunes 22 de Junio a las 17 hs.

Formatear la fecha y la hora con Divi

Ahora que ya sabemos cómo usar las variables de fecha y hora de Divi para crear el formato de fecha/hora que necesitemos vamos a ver cómo se cambia el formato de fecha y hora en Divi.

Cambiar el Formato de Fecha de WordPress

Es posible cambiar el formato predeterminado de fecha y hora de todo el sitio desde WordPress.

Si estás en el Escritorio de WordPress hay que ir a Ajustes > Generales. Ahí vas a ver la opción para cambiar la zona horaria predeterminada, el formato de fecha y el formato de hora.

Divi usa este formato de fecha cuando agregamos una fecha u hora usando el contenido dinámico con Divi Builder (como la fecha de publicación de una entrada, o la fecha actual).

Este formato se usará en el contenido dinámico siempre y cuando éste contenido dinámico no tenga definido un formato de fecha y hora propio.

Cambiar el Formato de Fecha de Divi

Si estás utilizando el diseño de entradas predeterminado de Divi (no un diseño personalizado creado con Divi Builder), es posible ingresar un formato de fecha/hora personalizado que se utilizará para todas las entradas del blog y para las páginas de categorías.

Para asignar este formato de fecha y hora general de Divi hay que buscar el campo Formato de Fechas en las opciones del tema Divi: Divi > Opciones del Tema > Pestaña General.

Aunque el campo se llama Formato de Fechas es posible ingresar tanto un formato de fecha como de fecha y hora.

Este formato se usará en la fecha de publicación de las entradas únicamente cuando utilizamos el diseño estándar y predeterminado de Divi.

Cambiar el Formato de Fecha del Módulo Blog

El Módulo Blog de Divi es aquel que se usa para mostrar un listado de entradas en cualquier página del sitio web diseñada con Divi Builder. Puede ser tanto una página individual como una plantilla de categorías creada con el Theme Builder de Divi.

El módulo Blog muestra (entre otros metadatos) la fecha de publicación de cada entrada, pero no hace uso ni del formato definido en WordPress, ni del formato general de las opciones del tema Divi que ya vimos.

El módulo de blog de Divi tiene su propio formato de fecha que se define en la pestaña Contenido de la configuración de éste.

Te recomiendo leer: El Módulo Blog de Divi

Cambiar el Formato de Fecha del Contenido Dinámico

Al usar el Theme Builder de Divi para crear una plantilla de entradas tenemos la opción de agregar la fecha de publicación de la entrada gracias a la herramienta Contenido Dinámico de Divi, disponible en cualquier módulo.

Asimismo, en el diseño de cualquier página o entrada individual podemos añadir también la fecha actual, mediante el uso del contenido dinámico.

Como explicaba más arriba, el contenido dinámico utiliza de manera predeterminada el formato de fecha y hora de todo el sitio web (definido en los ajustes generales de WordPress) pero este formato se puede cambiar individualmente en cada elemento de contenido dinámico de fecha.

Para ésto hay que hacer clic en el ícono de ajustes (engranaje) del contenido dinámico y en Formato de fecha cambiar la opción Por defecto a Personalizado, ingresando la cadena personalizada de formato de fecha y hora deseada.

Esas son todas las posibilidades que se nos pueden presentar para cambiar el formato de fecha de Divi.

Algunos Ejemplos Útiles

Vamos a ver ahora algunos ejemplos prácticos en los que nos puede venir muy bien saber cómo darle formato a una fecha de Divi.

Año de Copyright

El formato de fecha y hora resulta útil para crear un año de copyright dinámico para el pie de página global de tu sitio Divi.

Agrega la fecha actual como contenido dinámico en un módulo de texto. Luego edita el contenido dinámico con lo siguiente:

  • Antes: ©
  • Después: Empresa | Todos los derechos reservados.
  • Formato de fecha personalizado: Y

Llamada a la acción dinámica

Otra posibilidad es la de agregar una llamada a la acción (o encabezado) en tu blog Divi que muestra la fecha u hora de forma dinámica.

Para hacerlo, agrega un contenido dinámico de Fecha actual a un módulo de texto. Luego configuralo por ejemplo así:

  • Antes: Son las
  • Después: … ¡Es hora de diseñar!
  • Formato de fecha personalizado: g a

 

Espero que esta guía te haya ayudado, por un lado a saber cómo cambiar el formato de fecha de Divi para encontrar el más adecuado para tu blog, y por otro lado que te haya abierto la cabeza sobre todo lo que podrías hacer con las opciones de fecha y hora de Divi.

Déjame debajo un comentario contándome que te parecieron estas posibilidades de Divi y ayúdame compartiendo esta guía para que más personas puedan aprender cómo cambiar el formato de fecha de Divi.

Manual de Divi

Aprende a usar y configurar todos los módulos de Divi.

Jorge Baffa

Jorge Baffa

En 2013 fundé Aventura Digital para ayudar a profesionales y emprendedores independientes a tener su sitio web profesional con WordPress.

Comienza tu Web con Divi

0 comentarios

Enviar un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *