在 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 設置中的格式在前端顯示當前日期:

您還可以使用 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
