在 WordPress 中自动显示今天日期的 3 种不同方法

已发表: 2017-07-02

曾经希望您可以在 WordPress 网站上显示今天的日期吗? 显示当前日期可以帮助读者知道您还活着并且还在努力。 如果您的读者像我一样健忘,它甚至可以帮助他们记住即将到来的截止日期!

虽然一些 WordPress 主题确实包含一个内置选项,可以在您的网站上显示今天的日期,但大多数主题都没有。 因此,如果您想在 WordPress 网站上的某处显示当前日期,则需要自己处理。

在这篇文章中,我将展示如何在 WordPress 中显示今天的日期的三种不同方法。 首先,我将向您展示为数不多的具有此功能的插件之一。 然后,我将为您提供有关如何创建自己的短代码的快速教程。 最后,我将使用两个不同的代码片段来完善这些内容,您可以使用它们将今天的日期直接添加到主题模板文件中。

让我们深入了解……

如何使用 WordPress 插件显示今天的日期

有一些不同的插件旨在让您在 WordPress 网站上显示今天的日期。 但是,令我懊恼的是,它们中的许多实际上不再起作用了。 在测试了几个不太好用的之后,我终于找到了一个以Date and Time Widget的形式运行的。

不出所料,日期和时间小部件为您提供了一个全新的小部件,您可以使用它来将当前日期和时间插入任何小部件区域。 如果您更喜欢短代码而不是小部件,我将在下一节中向您展示如何创建自己的今天的日期短代码。

这个插件很好,因为它可以让你设置格式、字体和字体大小,以及一些自定义颜色。

要使用该插件,您只需安装并激活它。 然后,前往Appearance → Widgets并像其他任何其他部件一样拖动新的Date and Time小部件:

今天的日期小部件

然后,您只需要完成并配置每个选项:

  • 时间格式:您可以从几种不同的时间格式中进行选择,或者选择“无”以关闭此部分(仅显示日期)。
  • 日期格式:选择要用于日期的格式。
  • 字体系列:选择后备字体系列(小部件应继承您的主题字体作为首选)。
  • 字体大小:不言自明。
  • 文本颜色:小部件中所有文本的颜色。
  • 背景颜色:文本的背景。

我将背景设为黑色,文本颜色设为白色,这样您就可以看到这两个元素的功能。

保存小部件后,您将在前端看到今天的日期:

今天的日期前端

挺容易! 但实际上,创建自己的显示当前日期的短代码几乎同样容易。 就是这样:

如何创建短代码以在 WordPress 中显示今天的日期

如果您更喜欢更手动的方法,您实际上可以使用几行代码创建自己的短代码。 就个人而言,这是我的首选方法,因为它使您可以灵活地在内容的任何部分插入当前日期,而不仅仅是小部件区域。

您可以将此代码放在:

  • 你的子主题的functions.php文件
  • 您自己创建的自定义插件

我将向您展示如何使用functions.php 来完成它,因为这是最简单的方法——如果您更改主题,您只需要记住复制此代码即可。

要创建短代码,您只需将此代码添加到您的 functions.php 文件中:

function displayTodaysDate( $atts )

{

return date(get_option('date_format'));

}

add_shortcode( 'datetoday', 'displayTodaysDate');

简码将使用您在Settings → General设置的相同日期格式。

添加代码后,您可以在 WordPress 编辑器或 Divi 代码模块中使用 [datetoday] 短代码:

二维码模块

它将按照 WordPress 设置中的格式在前端显示当前日期:

Divi 今天的日期

您还可以使用 TinyMCE 编辑器为日期添加基本格式。 例如,如果您将短代码加粗,日期也会以粗体显示在您网站的前端。

注意 - 此代码是来自Today's Date的 Ben波兰代码的更正版本,该插件由于短代码功能中的错误空间而不再起作用。 我在 WordPress.org 目录中找到了 Ben 的插件,并打算在本教程中使用它。 但是在测试中,我发现它只有在我手动编辑代码以从短代码中删除空格时才有效。

如何用代码显示今天的日期

注意 – 本节实际上仅适用于至少对代码和 WordPress 主题有些熟悉的人。 如果您完全是初学者,我建议您坚持使用前两种方法。

最后,如果您愿意深入了解主题模板文件,您也可以只使用一行 PHP 代码在 WordPress 站点的任何位置插入今天的日期。

您可以选择两种不同的代码片段:

<?php echo date(get_option('date_format')); ?>

上面的代码片段根据您的 WordPress 设置显示当前日期,就像短代码一样。

但是您也可以使用以下代码指定唯一的日期格式:

<?php echo date('l jS F Y'); ?>

您可以在这篇 WordPress Codex 文章中了解各种格式。

例如,如果您在 header.php 文件中的 </header> 结束标记正下方添加代码,如下所示:

标题代码

然后当前日期将显示在您前端站点的标题下方:

头部前端

您可能需要调整定位——但这是在 WordPress 网站上显示今天日期的另一种简单方法。

要获得更多控制权,您可以将代码放在 <div> 中,然后使用 CSS 在您的网站上设置和/或定位该 <div> 的样式。

总结

虽然不是重大变化,但根据您网站的主题,在您的 WordPress 网站上显示今天的日期可能会派上用场。

如果您想在侧边栏(或其他小部件化区域)中显示今天的日期,日期和时间小部件插件将是您的最佳选择。

否则,我建议您创建自己的短代码,或者,如果您至少有一些基本的编码技能,请深入研究主题的模板文件。

我们是否错过了您最喜欢的将当天日期添加到 WordPress 的方式? 欢迎在下方分享您的建议。

文章缩略图按 32 像素/shutterstock.com