WordPress divi主题

Divi 中的日期和时间格式指南

by | May 4, 2022 | Divi主题使用教程 | 0 comments

5分钟生成10篇英文软文article forge软件试用

在您的网站上显示日期和时间是大多数人并没有真正考虑过的事情之一。 我们倾向于坚持发布元数据的发布日期的默认格式。 而且,如果有时间,我们会将当前年份动态添加到版权文本旁边的页脚栏中。

google广告开户

但是,了解如何格式化日期和时间会派上用场。 它使您可以自由地使日期对用户更具可读性。 例如,“2020 年 5 月 23 日星期一”比“2020 年 5 月 23 日”这样的最小日期显示更温暖(也更人性化)。 虽然后者确实有它的位置。 格式化网站上的当前时间也是如此。 一些网站可能会受益于像“8:30pm”这样的 12 小时显示,而其他网站(如军事或医疗网站)更喜欢像“20:30”这样的 24 小时显示。

Divi 和 WordPress 为您提供了对 PHP 中可用的日期和时间格式的惊人控制。 在本教程中,我们将帮助您了解如何在 Divi 中显示、格式化和设置日期和时间的样式。 您将能够为博客帖子提供发布日期的自定义格式,甚至可以在号召性用语中添加动态元素以获得更个性化的触感(即“Happy 周一! 查看我们的新交易。”)。

让我们开始吧!

免费下载日期和时间格式指南 Divi Layout

为了帮助您了解 Divi 中的日期和时间格式,请下载此有用的日期和时间格式指南布局。 它包括在 Divi 文本模块中用作动态内容的每种日期/时间格式的示例,因此您可以直接了解每个日期/时间格式在实时页面上的功能。

div 日期和时间布局

要掌握日期和时间格式指南,您首先需要使用下面的按钮下载它。 要访问下载,您需要使用下面的表格订阅我们的 Divi Daily 电子邮件列表。 作为新订阅者,您将在每周一收到更多 Divi 福利和免费的 Divi Layout 包! 如果您已经在列表中,只需在下面输入您的电子邮件地址,然后单击下载。 您不会被“重新订阅”或收到额外的电子邮件。

要将部分布局导入 Divi 库,请导航到 Divi 库。

单击导入按钮。

在可移植性弹出窗口中,选择导入选项卡并从您的计算机中选择下载文件。

WordPress divi主题

然后单击导入按钮。

迪维通知框

完成后,部分布局将在 Divi Builder 中可用。

让我们进入教程,好吗?

用于显示日期和时间的可用格式字符

如前所述,Divi 利用了 WordPress 的内置日期和时间格式。 但在我们开始如何在 Divi 中格式化日期和时间之前,了解我们可用的格式化字符会有所帮助。

下面是可用格式字符的列表,可以一起使用(或组合)来创建自定义日期和时间格式。 在您的 Divi 网站上尝试独特的日期和时间格式时,这将派上用场。

日期格式

DAY 格式字符

  • d = 日期,2 位数字,前导零(“02”,“22”)
  • D = 以三个字母表示的月份中的日期(“Jun”、“Jul”)
  • l (小写“L”)=星期几,完整的单词(“Monday”,“Tuesday”)
  • ñ = ISO-8601 数字星期几(“1”代表星期一,“7”代表星期日)
  • 小号 = 月份日期的后缀; 与 j 一起使用(“nd”、“st”、“rd”)
  • w = 一周中的数字(“0”代表星期日,“6”代表星期六)
  • z = 一年中的哪一天,从 0 开始(即“173”或“这是一年中的第 173 天”)

WEEK 格式字符

  • W = 26(一年中的周数,从星期一开始的周数;即“这是一年中的第 26 周”)

MONTH 格式字符

  • F = 一个月的完整文本表示(“一月”或“三月”)
  • = 数字月份,带前导零(六月显示为“06”)
  • = 三个字母的月份(三月显示为“三月”)
  • n = 数字月份,不带前导零(六月显示为“6”)
  • = 给定月份的天数(如果是六月,它将显示“30”)

YEAR 格式字符

  • = 2020(4 位数字年份;即“2020”)
  • 是的 = 20(2 位数字年份;即“20”)

示例日期格式字符串

  • 米 j, Y = 2020 年 6 月 22 日
  • F d, Y = 2020 年 6 月 22 日
  • 月/日/年 = 2020 年 6 月 22 日
  • MDY = 06.22.2020
  • Ĵ M, Y = 2020 年 6 月 22 日
  • 升,米 = 6 月 22 日,星期一
  • l, F jS, Y = 2020 年 6 月 22 日,星期一
  • 米·d·y = 06 · 22 · 20

时间格式化

TIME 格式字符

  • 一种 =(小写“am”或“pm”)
  • 一种 = PM(大写“AM”或“PM”)
  • G = 小时,12 小时,不带前导零 (“1-12”)
  • H = 小时,12 小时,带前导零 (“01-12”)
  • G = 小时,24 小时,不带前导零 (“0-23”)
  • H = 小时,24 小时制,带前导零 (“00-23”)
  • 一世 = 10(分钟,带前导零(“00-59”)
  • s = 52(秒,带前导零(“00-59”)
  • = 时区(“CDT”、“EST”)

示例时间格式字符串

  • g:ia = 下午 4 点 10 分
  • g:i:sa = 下午 4 点 10 分 52 秒

日期 + 时间格式字符串

  • Y/m/dg:i:s A = 2020/06/22 下午 4:10:52
  • M j, Y @ G:i = 2020 年 6 月 22 日 @ 16:10

使用“\”转义格式字符串以包含其他文本/字符

这是自定义日期和时间显示的一个非常有用的技巧。 只需在要包含在格式字符串中的每个字符/字母之前添加“\”,该字符就会正常呈现(在字符串之外)。 因此,“/T/h/e”将在格式字符串中呈现单词“The”,而不是像时区(“T”)或小时(“h”)这样的实际日期/时间元素。

  • D \a\t 加 = 周一下午 4 点
  • \T\h\e dS \d\a\y \o\f F = 6 月 22 日

使用 Divi 格式化日期和时间

在全站范围内更改默认日期格式

如果您想更改站点范围内的默认日期和时间格式,WordPress 有一个内置选项。 在您的 WordPress 仪表板中,导航到设置 > 常规。 在那里,您将看到更改默认时区、日期格式和时间格式的选项。

divi 日期和时间格式

当您使用 Divi Builder 的动态内容添加日期或时间(如发布日期和当前日期)时,Divi 实际上使用这些相同的默认格式。

fiverr建站WordPress程序员

divi 日期和时间格式

如果您使用 Divi 的默认博客文章布局(不是使用 Divi Builder 构建的自定义布局),您可以输入自定义日期格式字符串以用于站点范围内的所有博客文章。 您可以通过导航到 Divi > 主题选项并在“常规”选项卡下向下滚动页面来找到日期格式选项。

divi 日期和时间格式

有趣的是,您甚至可以输入时间格式字符来显示帖子的发布时间。

divi 日期和时间格式

独立站选品工具

使用 Divi 的动态内容来格式化和显示日期和时间

使用 Divi Builder 时,您可以选择将当前日期或发布后日期作为动态内容添加到任何模块。 这是根据具体情况覆盖默认日期和时间格式以及为日期/时间文本添加自定义样式的好方法。

要将发布日期或当前日期作为动态内容添加到 Divi 中的页面,只需在页面中添加一个文本模块。

divi 日期和时间格式

然后在将鼠标悬停在内容框上时选择动态内容图标。

divi 日期和时间格式

高质量外链购买

将动态日期添加到模块内容后,您可以单击以编辑动态日期以进行更多自定义。 这些附加设置包括在日期显示之前和之后添加内容的选项以及自定义日期格式的选项。

divi 日期和时间格式

Divi 的内置日期格式

在日期格式下拉菜单下,您将找到以下可供选择的预制日期格式。

  • 米 j, Y = 2020 年 6 月 22 日
  • F d, Y = 2020 年 6 月 22 日
  • 月/日/年 = 2020 年 6 月 22 日
  • MDY = 06.22.2020
  • Ĵ M, Y = 2020 年 6 月 22 日
  • 升,米 = 6 月 22 日,星期一

添加自定义日期/时间格式

要创建自定义日期/时间格式,请从下拉列表中选择自定义选项。 选择自定义选项后,您将有一个可用的输入框,您可以在其中通过添加可用格式字符的任意组合来为日期、时间或两者创建完美的格式字符串来发挥您的魔力。

divi 日期和时间格式

JasperAI 10000字免费额度试用

同样的过程可用于添加当前时间或发布时间。 只需在“自定义日期格式”框中添加时间格式字符。

divi 日期和时间格式

内容到位后,您可以使用 Divi 的内置设计设置,在文本模块的设计选项卡下,根据需要自定义正文文本。 动态日期/时间格式将采用正文的样式。

divi 日期和时间格式

更多有用的例子

版权年份

日期和时间格式可以方便地为您的 Divi 网站的全球页脚创建动态版权年份。 这是一种自定义格式,可用于在单个文本模块中显示具有动态年份的版权信息。

WordPress备份工具updrafplus

将当前日期作为动态内容添加到文本模块。 然后使用以下内容编辑动态内容:

  • 之前:©
  • 之后:公司 | 版权所有。
  • 自定义日期格式:

divi 日期和时间格式

动态号召性用语

您还可以在 Divi 网站上的号召性用语或标题中添加动态日期或时间格式(内联)。 为此,请将当前日期作为动态内容添加到文本模块。 然后更新以下内容:

divi 日期和时间格式

请注意,在输入之前和之后使用 html 标记将 h1 标头添加到元素中。 单词“Tuesday”在自定义日期格式框中显示为“l”,后跟单词“after”,使用“\”转义格式字符串。 然后“g”和“a”用于显示“6 pm”

然后,您可以在设计选项卡下自定义 h1 标题样式。

最后的想法

希望这篇文章对如何在 Divi 中格式化日期和时间有帮助(并将继续成为)一个有用的指南。 如果您像我一样,您已经看到了一些令人惊讶的格式选项,您可以在没有插件和自定义代码的情况下实现这些选项!

我期待在评论中收到您的来信。

干杯!

5分钟生成10篇英文软文article forge软件试用
tiktok
WordPress divi主题