如何在WordPress文章和頁面上顯示最近更新日期

如何在WordPress文章和頁面上顯示最近更新日期

線上釋出內容時,您必須向使用者展示部落格文章、頁面或媒體是新鮮的、準確的和最新的。

揭示 內容及時性的一種方法是在WordPress部落格文章或頁面的某處顯示“最近更新”日期 ,例如特色圖片、標題或整篇文章的上方或下方。

這樣,使用者可以看到最近更新的日期以及“釋出”日期,或者您可以完全替換髮布日期。

簡而言之,顯示的日期最終會更新,向讀者(和搜尋引擎)表明您的內容是新鮮的,並且您沒有讓太多時間過去(這可能導致連結斷開、資訊不準確或過時的影象)。

  1. 在哪裡檢視釋出日期和最近更新日期
  2. 在您的網站上顯示“最近更新”日期的好處
  3. 如何在WordPress中顯示最近更新日期
  4. 如何判斷WordPress文章或頁面上次更新的時間

在哪裡檢視釋出日期和最近更新日期

根據您的主題樣式,釋出日期可能出現在文章、頁面或兩者上;展示位置最常見於標題之後、內容之前,並且通常以署名作為補充。

舊文章上釋出日期的示例

舊文章上釋出日期的示例

話雖如此,釋出日期的樣式和位置完全取決於您的主題。您可能會在特色圖片上方看到它並帶有圖示,如下面的主題所示。

二〇二〇主題提供獨特的釋出日期格式

二〇二〇主題提供獨特的釋出日期格式

一些主題甚至將釋出日期和最近更新日期放在內容的末尾,就在評論框之前。

此主題的日期顯示在內容下方

此主題的日期顯示在內容下方

您還可以通過轉到文章列表中的日期列在後端找到釋出日期。

日期列顯示WordPress儀表盤中的釋出日期

日期列顯示WordPress儀表盤中的釋出日期

WordPress還會在文章編輯器中顯示釋出日期。

釋出日期是在WordPress中編輯文章時顯示的唯一日期

釋出日期是在WordPress中編輯文章時顯示的唯一日期

在本文中,我們解釋了顯示“上次更新”日期而不是釋出日期的好處。我們還將向您介紹顯示上次更新日期的各種方法,同時還演示如何判斷網站上次更新的時間。

繼續閱讀以瞭解所有相關資訊!

在您的網站上顯示“最近更新”日期的好處

定期更新您的內容並顯示最近更新日期,可為網站所有者、搜尋引擎使用者以及您網站上的使用者帶來各種好處。考慮到搜尋引擎在確定排名時會考慮新穎性和相關性,這對SEO也很有幫助。

以下是在您的頁面和文章上顯示“上次更新”日期的主要好處。

  • 最近日期比釋出日期更準確,它表明與不久前釋出的內容相比,您的內容可能更加新鮮。
  • 使用者看到這是一篇更新的文章,而不是認為它是一篇舊文章,這可能會增加您的點選率和使用者閱讀的總時間。
  • 您的“最近更新”日期使您更有可能脫穎而出,因為搜尋引擎會在結果中顯示這些日期,並且您的結果會被其他網站的列表正確放置。
  • 它為搜尋引擎提供了另一種將文章識別為新鮮的方式。 搜尋引擎當然會抓取內容;但這並不總是發生,“最近更新”日期會加強您網站上所做的任何更改。
  • 最近的日期提供了一種信任感,您已經消除了連結損壞、影象損壞以及任何不再真實的內容等內容問題。
  • 當內容(和日期)更新時,搜尋引擎往往會更頻繁地索引您的網站。這不是硬性規定,但眾所周知,搜尋引擎會記錄內容不斷更新的網站,並更頻繁地抓取它們。
  • 您增加了獲得更高整體搜尋排名的潛力,因為您的整個網站都從您更新的文章中受益。
  • 它為您提供了更新內容的視覺藉口/提醒,因為您可能會注意到較舊的日期並意識到重新整理是有序的。
  • 搜尋引擎更喜歡您更新舊內容,而不是每次您獲得有關同一主題的新資訊時都建立新文章。這消除了重複內容的可能性,並與為什麼顯示最近的日期最適合改進SEO相關聯。
  • 一些出版物(如線上報紙)需要有“最近更新”日期,以便更正和新資訊的內容顯示在站點提要的頂部。這樣使用者就不會錯過這些更新。

如何在WordPress中顯示最近更新日期

預設情況下,WordPress 不顯示新內容或重新整理內容的最後更新日期,而是顯示釋出日期。即使在幾年後對文章進行了多次更新,該釋出日期仍然存在。

一些現代主題提供內建功能,只需單擊幾下滑鼠即可顯示上次更新日期。首先檢查WordPress Customizer以獲取主題中的任何日期自定義設定是一個很好的做法。但不能保證任何東西都可用。

如果您無法在 WordPress 定製器中新增最後更新日期,請使用以下方法新增它:

  1. 通過編輯functions.php檔案和CSS
  2. 通過修改和新增程式碼到您的主題模板
  3. 使用外掛

前兩種方法要求您訪問站點的主題檔案,因此如果您還沒有經驗,請閱讀WordPress檔案層次結構(以及如何理解它們)。

檢視以下三種方法,以瞭解適合您情況的最佳行動方案。

方法 1:在您的主題中編輯functions.php和CSS

在 WordPress 中新增“上次更新”日期的第一種方法是訪問主題的functions.php檔案並將程式碼新增到檔案中。作為替代方案,您可以將該程式碼新增到子主題或特定於站點的外掛中,以避免在切換或更新主題時程式碼消失的任何問題。

所有這些選項都使用相同型別的CSS程式碼,因此我們將為您提供一些要新增的程式碼,並向您展示如何將其放置在functions.php檔案中。如果使用子主題或特定於站點的外掛,只需使用相同的程式碼並修改這些檔案。

首先,轉到主題的functions.php檔案。訪問functions.php的最簡單方法是使用FTP客戶端連線SFTP。您通常可以通過FTP客戶端轉到 /www (或者您的網站域名) > /public > /wp-content > /themes > /theme-name (本教程是 /twentytwentyone).

開啟functions.php檔案

開啟functions.php檔案

使用文字markdown編輯器開啟檔案,然後新增以下程式碼(如果使用子主題/特定於站點的外掛,此程式碼也應該有效):

Plain text
Copy to clipboard
Open code in new window
EnlighterJS 3 Syntax Highlighter
function show_last_updated( $content ) {
$u_time = get_the_time('U');
$u_modified_time = get_the_modified_time('U');
if ($u_modified_time >= $u_time + 86400) {
$updated_date = get_the_modified_time('F jS, Y');
$updated_time = get_the_modified_time('h:i a');
$custom_content .= '<p class="last-updated-date">Recently updated on '. $updated_date . ' at '. $updated_time .'</p>';
}
$custom_content .= $content;
return $custom_content;
}
add_filter( 'the_content', 'show_last_updated' );
function show_last_updated( $content ) { $u_time = get_the_time('U'); $u_modified_time = get_the_modified_time('U'); if ($u_modified_time >= $u_time + 86400) { $updated_date = get_the_modified_time('F jS, Y'); $updated_time = get_the_modified_time('h:i a'); $custom_content .= '<p class="last-updated-date">Recently updated on '. $updated_date . ' at '. $updated_time .'</p>'; } $custom_content .= $content; return $custom_content; } add_filter( 'the_content', 'show_last_updated' );
function show_last_updated( $content ) {
$u_time = get_the_time('U');
$u_modified_time = get_the_modified_time('U');
if ($u_modified_time >= $u_time + 86400) {
$updated_date = get_the_modified_time('F jS, Y');
$updated_time = get_the_modified_time('h:i a');
$custom_content .= '<p class="last-updated-date">Recently updated on '. $updated_date . ' at '. $updated_time .'</p>';
}
$custom_content .= $content;
return $custom_content;
}
add_filter( 'the_content', 'show_last_updated' );

儲存並將檔案上傳回您的伺服器。因此,最後更新日期會出現在您的文章內容之前。程式碼最初檢查釋出日期和上次更新日期是否相同。

如果它們相同,您仍會單獨看到釋出日期。如果它們不同,則最後更新日期與釋出日期一起顯示。

最近更新日期的前端檢視

最近更新日期的前端檢視

Tips:所有主題的行為都不同,因此您可能會發現釋出日期仍然與最近更新日期相同;其他主題完全刪除釋出日期,為最近更新日期讓路。

如何更改新的最近更新日期的樣式

functions.php中的新PHP程式碼缺少樣式,但從您的主題樣式來看,它仍然可能最終看起來可以接受。如果沒有,請考慮通過插入自定義CSS程式碼來設定上次更新日期的樣式以控制其外觀。這裡有一些示例程式碼可供試用或擴充套件:

Plain text
Copy to clipboard
Open code in new window
EnlighterJS 3 Syntax Highlighter
.last-updated-date {
font-size: large;
font-family: monospace;
text-transform: uppercase;
color: white;
background-color: black;
}
.last-updated-date { font-size: large; font-family: monospace; text-transform: uppercase; color: white; background-color: black; }
.last-updated-date {
font-size: large;
font-family: monospace;
text-transform: uppercase;
color: white;
background-color: black;
}

請注意,我們正在使用與插入到functions.php中的PHP程式碼last-updated-date相關的類 。您可以根據自己的目的更改它,但請確保您在CSS程式碼中也使用相同的類。

注意:完全可以根據需要更改CSS屬性和值;這些只是例子。

在WordPress中轉到外觀 > 自定義 > 附加CSS後,將該CSS程式碼插入該欄位。這使得CSS站點範圍內而不是僅在一個頁面或文章上。

為樣式新增CSS程式碼

為樣式新增CSS程式碼

釋出CSS程式碼後,這些樣式更改會反映在上次更新日期的所有前端例項上。例如,我們更改了背景顏色、字型顏色、字型系列、字型大小,並將所有內容都轉換為大寫字母。

CSS樣式後的前端檢視

CSS樣式後的前端檢視

如何從頁面和其他非釋出內容中刪除最後更新日期

您現在可能會發現您網站上的幾乎每個網頁都有最後更新日期;這不好,考慮到您沒有理由顯示主頁、產品頁面、關於我們頁面和購物車等頁面的最後更新時間。

例如,此隱私政策頁面現在會顯示上次更新的時間,即使這對於登陸該頁面的人來說是無用的資訊(並且主題首先沒有顯示釋出日期)。

有些網站不需要隱私政策等頁面上的最後更新日期

有些網站不需要隱私政策等頁面上的最後更新日期

如果您發現自己處於這種情況,可能是因為您的主題。一些WordPress主題會自動刪除頁面的最後更新和釋出日期,因為它們沒有理由。但是您最終可能會得到一個沒有這些功能的主題。在這種情況下,您只需要對先前實現的PHP程式碼進行簡單的新增。

因此,返回主題的functions.php檔案並將其新增到86400)之間。

Plain text
Copy to clipboard
Open code in new window
EnlighterJS 3 Syntax Highlighter
&& is_singular('post')
&& is_singular('post')
&& is_singular('post')

像這樣:

Plain text
Copy to clipboard
Open code in new window
EnlighterJS 3 Syntax Highlighter
function show_last_updated( $content ) {
$u_time = get_the_time('U');
$u_modified_time = get_the_modified_time('U');
if ($u_modified_time >= $u_time + 86400 && is_singular('post')) {
$updated_date = get_the_modified_time('F jS, Y');
$updated_time = get_the_modified_time('h:i a');
$custom_content .= '<p class="last-updated-date">Recently updated on '. $updated_date . ' at '. $updated_time .'</p>';
}
$custom_content .= $content;
return $custom_content;
}
add_filter( 'the_content', 'show_last_updated' );
function show_last_updated( $content ) { $u_time = get_the_time('U'); $u_modified_time = get_the_modified_time('U'); if ($u_modified_time >= $u_time + 86400 && is_singular('post')) { $updated_date = get_the_modified_time('F jS, Y'); $updated_time = get_the_modified_time('h:i a'); $custom_content .= '<p class="last-updated-date">Recently updated on '. $updated_date . ' at '. $updated_time .'</p>'; } $custom_content .= $content; return $custom_content; } add_filter( 'the_content', 'show_last_updated' );
function show_last_updated( $content ) {
$u_time = get_the_time('U');
$u_modified_time = get_the_modified_time('U');
if ($u_modified_time >= $u_time + 86400 && is_singular('post')) {
$updated_date = get_the_modified_time('F jS, Y');
$updated_time = get_the_modified_time('h:i a');
$custom_content .= '<p class="last-updated-date">Recently updated on '. $updated_date . ' at '. $updated_time .'</p>';
}
$custom_content .= $content;
return $custom_content;
}
add_filter( 'the_content', 'show_last_updated' );

通過此新增,最近更新的日期文字將隱藏在每個不是文章的WordPress文章型別中(例如頁面或產品)。

日期會從所有頁面中刪除,但仍保留在文章上

日期會從所有頁面中刪除,但仍保留在文章上

刪除釋出日期並僅顯示最後更新日期

即使在您實現程式碼以新增最後更新日期之後,釋出日期仍然存在是很常見的。一些主題將其刪除,但並不常見。問題是現在您的WordPress文章上顯示了兩個日期:釋出日期和最後更新日期。

儘管在某些情況下可以接受,但兩個日期最有可能使讀者感到困惑。因此,您可能希望隱藏釋出日期,但保留上次更新日期。

有外掛可以實現這一點,但CSS修復是一個簡單的修復,因此我們不建議安裝整個外掛只是為了刪除您網站上的一個元素。

要擺脫釋出日期但保留上次更新日期(之前從上述方法新增),請轉到WordPress儀表盤中的外觀 > 自定義 > 附加CSS

將此程式碼貼上到Additional CSS欄位中:

Plain text
Copy to clipboard
Open code in new window
EnlighterJS 3 Syntax Highlighter
.entry-date {
display: none !important;
}
.entry-date { display: none !important; }
.entry-date {
display: none !important;
}

單擊“釋出”按鈕以使這些更改生效。

在WordPress定製器中新增CSS

在WordPress定製器中新增CSS

您現在應該會看到已刪除的釋出日期,但仍顯示上次更新日期。

最後更新日期的前端檢視仍然存在,但沒有釋出日期

最後更新日期的前端檢視仍然存在,但沒有釋出日期

請記住,儘管.entry-dateCSS類名稱在各種主題中都很常見,但並非在所有主題中都使用。因此,如果此特定程式碼不適合您,很可能是因為您的主題使用的類名不是.entry-date.

但是CSS程式碼仍然很好,所以你所要做的就是找出你的主題用於釋出日期的類名。為此,導航到部落格文章的前端,然後右鍵單擊當前顯示的釋出日期。選擇Inspect選項(這取決於您的瀏覽器:Chrome使用“ Inspect ”,Firefox使用“ Inspect Element ”,對於Safari,您必須按Option鍵 + C

右鍵單擊日期並選擇檢查選項

右鍵單擊日期並選擇檢查選項

這會顯示瀏覽器的開發者工具部分,其中顯示當前頁面的編碼元素,尤其是您剛剛單擊的頁面元素的CSS程式碼。

如果您單擊日期,它應該顯示為主要元素,但如果沒有,請查詢<time class=. 釋出日期的CSS類應該緊隨其後出現;在這種情況下,它是entry-date. 但是開發人員在建立主題時會使用這種方法的許多變體,例如post-dateposts-datepublished-date.

查詢“time class=”片段及其後面的資訊

查詢“time class=”片段及其後面的資訊

僅複製該類(而不是括號或其他元素)。

將程式碼貼上到以下CSS片段中,替換yourthemes-class-name. 確保在class名稱之前保留句點。

Plain text
Copy to clipboard
Open code in new window
EnlighterJS 3 Syntax Highlighter
.yourthemes-class-name {
display: none;
}
.yourthemes-class-name { display: none; }
.yourthemes-class-name {
display: none;
}

這應該可以解決問題!

擺脫釋出日期的快速(但僅有時有效)方法

刪除釋出日期但仍保留上次更新日期(從前一種方法插入)的一種快速且無程式碼的方法是完全刪除WordPress常規設定中的日期格式。

在WordPress中,轉到Settings > General,然後向下滾動到Date FormatTime Format部分。為兩者選擇自定義選項並清除每個欄位中的示例格式。單擊底部的儲存更改按鈕。

選擇自定義並清除欄位

選擇自定義並清除欄位

因此,您的部落格文章(或任何文章型別)上不再顯示釋出日期,但最後更新日期仍然存在,只要您實現了必要的程式碼以在 functions.php檔案中顯示最後更新日期。 (如本文前面所示)。

您應該在前端看到沒有釋出日期的更新日期

您應該在前端看到沒有釋出日期的更新日期

重要:您的所有文章型別仍會在後端收到“已釋出”時間戳,因此您可以在WordPress的文章列表中找到該日期,並且搜尋引擎有一個釋出日期要記錄。但是,您可能會發現此方法不適用於某些主題,特別是如果釋出日期中包含一些額外的文字或圖示被遺漏了。我們的示例實際上留下了一些“Published”文字,但幸運的是,這並不重要,因為它仍然適用於“By Author Name”文字。我們還注意到,在您刪除預設設定後,某些主題會重新填充“Custom Date Format”欄位,因此這並不適用於所有人。

方法 2:編輯您的主題模板

主題開發人員使用 主題檔案中的不同模板來顯示資訊。大多數情況下,主題模板規定了文章後設資料(如釋出日期)在主題上的顯示位置和方式。

您可能需要進行一些搜尋,但想法是找到負責在前端共享文章的日期和時間的模板(以及該模板中的程式碼)。同樣,開發人員在使用的模板上存在差異,但在以下模板之一中看到釋出日期程式碼是很常見的:

  • index.php
  • page.php
  • single.php
  • archive.php
  • content.php
  • template-tags.php
  • template-functions.php
  • /inc資料夾中的PHP檔案
  • /post資料夾中的PHP檔案
  • /content資料夾中的 PHP 檔案
  • /excerpt資料夾內的檔案
  • /template-parts資料夾內的檔案

這取決於開發人員的判斷(以及他們自己的風格),因此您必須四處尋找正確的程式碼所在的位置,或者找到與上面列出的檔名稱不同的檔案。

以下是查詢正確主題檔案的一些選項:

  • 向主題開發人員傳送訊息,並詢問哪個主題模板控制文章釋出日期的輸出。您還可以線上或在主題的使用者論壇中完成搜尋。
  • 檢查最常見的主題模板。對於更簡單的主題,您可以從index.phppage.phpsingle.php開始,但大多數現代主題都使用/template-parts/excerpts/inc.
  • 使用FTP客戶端的搜尋功能查詢文字例項,如postedtimedateget_the_timeget_the_date.

對於這個例子,我們使用的是 二〇二一主題,我們發現釋出的日期程式碼位於template-tags.php檔案中,讓您瞭解主題開發人員沒有太多的標準化。

此檔案中釋出日期的指標包括:

  • 對時間類的引用
  • get_the_date程式碼
  • “Published”文字

各種指標來查詢提供最新日期的檔案

各種指標來查詢提供最新日期的檔案

當您找到類似的指標時,請在程式碼中確定一個有意義的區域來放置最後更新日期。通常最好在已顯示釋出日期的部分之前或之後插入新程式碼。

複製此程式碼並將其貼上到您想要的位置:

Plain text
Copy to clipboard
Open code in new window
EnlighterJS 3 Syntax Highlighter
$u_time = get_the_time('U');
$u_modified_time = get_the_modified_time('U');
if ($u_modified_time >= $u_time + 86400) {
echo "<p>Last Updated on ";
the_modified_time('F jS, Y');
echo " at ";
the_modified_time();
echo "</p> ";
}
$u_time = get_the_time('U'); $u_modified_time = get_the_modified_time('U'); if ($u_modified_time >= $u_time + 86400) { echo "<p>Last Updated on "; the_modified_time('F jS, Y'); echo " at "; the_modified_time(); echo "</p> "; }
$u_time = get_the_time('U');
$u_modified_time = get_the_modified_time('U');
if ($u_modified_time >= $u_time + 86400) {
echo "<p>Last Updated on ";
the_modified_time('F jS, Y');
echo " at ";
the_modified_time();
echo "</p> ";
}

將程式碼貼上到您的模板檔案中

將程式碼貼上到您的模板檔案中

使用模板檔案往往需要更長的時間才能找到正確的資料夾,但它帶來了一些好處——主要是最後更新的日期實際上會顯示在多個區域中。

這些區域之一就是您插入文章程式碼的地方。在這個例子中,我們現在可以在文章底部看到最後更新的日期和文字,就在釋出日期的正上方。

最後更新日期現在顯示在每個文章上

最後更新日期現在顯示在每個文章上

更改主題模板還會在主部落格/存檔頁面上提供最後更新日期,所有WordPress文章都按順序列出。因此,每個更新的文章都會在列表中顯示該日期,從而使網站訪問者更加透明地瞭解您的內容的新鮮度。

此方法還會在您的主部落格/存檔頁面上顯示最後更新日期

此方法還會在您的主部落格/存檔頁面上顯示最後更新日期

更改最後更新日期出現的位置

主題模板決定日期在WordPress文章上的顯示方式,但它們也決定日期在文章中的列出位置。

由於它取決於主題及其模板結構,您可能會發現一個主題在文章頂部顯示釋出日期和最後更新日期,就在標題下方但在內容上方。其他主題開發人員選擇在底部顯示日期,例如在作者傳記之前,或者甚至在側邊欄中獨特的地方。

因此,需要使用主題模板來調整最後更新或釋出日期在文章上的放置位置。有時,這意味著只需將您在方法 2 中插入的程式碼移動到同一個PHP檔案中的其他位置。

其他時候,該PHP檔案實際上是一個“template part”檔案,然後由組織所有模板部分的主模板提取,從而形成文章的格式。

使用我們之前的二十一個主題示例,很明顯,template-tags.php檔案只是最終插入到主文章主題檔案中的一小部分。因此,您的工作是詢問開發人員哪個主題模板處理文章格式,或者自己進行一些研究。

雖然我們不能保證這適用於每個主題,但它是一個很好的起點,可以尋找一個名為single.phpcontent-single.php甚至post.php的“master”主題模板。

對於二十一二十一主題,我們實際上可以在single.phpcontent-single.php中插入最後更新的程式碼,看看single.php如何充當“master”模板檔案,但content-single.phpsingle.php從中提取的模板部分。

開啟content-single.php檔案,或任何具有顯示日期程式碼的模板部分檔案

開啟content-single.php檔案,或任何具有顯示日期程式碼的模板部分檔案

要移動上次更新日期的位置,請使用方法 2 中提到的程式碼並將其貼上到您想要的位置。我們可以看到這個檔案有一個header部分和一個片段the_content,所以我們將把最後更新的日期程式碼放在這兩者之間,將日期從內容下方的預設位置移動到內容之前。

將程式碼移動到合適的位置

將程式碼移動到合適的位置

在前端,最後更新的日期現在出現在我們想要的位置,您可以從以前的位置(靠近底部)刪除重複的日期,或者將它們都保留在那裡。

最後更新日期現在位於文章頂部

最後更新日期現在位於文章頂部

在Astra主題中新增最後更新日期

由於主題模板的使用(和名稱)因主題而異,我們將向您展示如何在一些因其多功能設計選項和速度而流行的主題中插入上次更新日期:Astra、Neve 和Zakra。

第一個是Astra,是一個著名的多功能主題,帶有免費的入門模板庫。這些起始模板中的每一個都將新檔案新增到主題模板目錄中,但基本結構保持不變。對於本教程,我們安裝了一個入門模板,現在想要在每篇文章的頂部新增最後更新日期。

為了讓您瞭解每個主題的工作方式有何不同,預設情況下,Astra主題(及其Travel Blog入門模板)甚至不顯示釋出日期。無論如何,您仍然可以新增最後更新的日期。要使用本文中的方法 1 插入日期,請​​在您的FTP客戶端轉到/wp-content > /themes > /astra。開啟functions.php檔案。

開啟functions.php

開啟functions.php

將方法 1 程式碼貼上到檔案末尾並將其儲存到您的伺服器。結果是顯示在您的部落格文章頂部的最後更新日期。

Astra中上次更新日期的前端檢視。

Astra中上次更新日期的前端檢視。

使用方法 2,找到名為single-layout.php的主題模板。它位於/astra > /template-parts > /single.

開啟single-layout.php檔案

開啟single-layout.php檔案

您使用的是相同的程式碼,但某些主題模板要求您指定您使用的是PHP程式碼;因此,如果您在前端看到程式碼而不是呈現日期,請在程式碼周圍新增括號()

它應該如下所示:

Plain text
Copy to clipboard
Open code in new window
EnlighterJS 3 Syntax Highlighter
<?php
function show_last_updated( $content ) {
$u_time = get_the_time('U');
$u_modified_time = get_the_modified_time('U');
if ($u_modified_time >= $u_time + 86400) {
$updated_date = get_the_modified_time('F jS, Y');
$updated_time = get_the_modified_time('h:i a');
$custom_content .= '<p class="last-updated-date">Recently updated on '. $updated_date . ' at '. $updated_time .'</p>';
}
$custom_content .= $content;
return $custom_content;
}
add_filter( 'the_content', 'show_last_updated' );
<?php function show_last_updated( $content ) { $u_time = get_the_time('U'); $u_modified_time = get_the_modified_time('U'); if ($u_modified_time >= $u_time + 86400) { $updated_date = get_the_modified_time('F jS, Y'); $updated_time = get_the_modified_time('h:i a'); $custom_content .= '<p class="last-updated-date">Recently updated on '. $updated_date . ' at '. $updated_time .'</p>'; } $custom_content .= $content; return $custom_content; } add_filter( 'the_content', 'show_last_updated' );
<?php
function show_last_updated( $content ) {
  $u_time = get_the_time('U');
  $u_modified_time = get_the_modified_time('U');
  if ($u_modified_time >= $u_time + 86400) {
    $updated_date = get_the_modified_time('F jS, Y');
    $updated_time = get_the_modified_time('h:i a');
    $custom_content .= '<p class="last-updated-date">Recently updated on '. $updated_date . ' at '. $updated_time .'</p>';
  }
  $custom_content .= $content;
  return $custom_content;
}
add_filter( 'the_content', 'show_last_updated' );

將程式碼段放在包含the_content程式碼的行的正上方。

將程式碼插入到single-layout.php中

將程式碼插入到single-layout.php中

在內容以Astra主題開始之前,將新檔案儲存並上傳到伺服器會生成最近更新的行!

Astra前端的最後更新日期結果

Astra前端的最後更新日期結果

在Neve主題中新增最近更新日期

Neve主題提供了一個很好的提醒,讓您在弄亂任何程式碼之前始終檢查WordPress定製器。每個主題都在定製器中新增了自己的設定,因此您可以找到一個僅顯示最後更新日期的切換。Neve的情況正是如此。

要開啟WordPress中的設定,請轉到外觀 > 自定義 > 佈局 > 部落格/存檔。單擊POST META下拉選單。確保DATE在Meta Order下可見,然後開啟“使用上次更新日期而不是釋出日期”選項。

然後最近的日期會顯示在部落格頁面和每個單獨的文章上。

Neve使用定製器設定使其變得容易

Neve使用定製器設定使其變得容易

在Zakra WordPress主題中新增最近更新日期

Zakra是另一個棘手的問題,您可能會想去您的WordPress檔案中的/template-parts資料夾以找到提供釋出日期的程式碼。但是,正確的位置在/inc資料夾內。

要將上次更新日期新增到Zakra,請通過FTP客戶端連線並轉到您站點的/themes資料夾。然後,導航到/zakra > /inc > template-tags.php。開啟檔案進行編輯。

開啟template-tags.php檔案

開啟template-tags.php檔案

將前面討論過的程式碼貼上在);(來自get_the_time函式)和$posted_on = sprintf(之間. 將檔案儲存回伺服器。

將程式碼貼上到Zakra主題模板中

將程式碼貼上到Zakra主題模板中

該日期現在顯示在Zakra主題的所有文章的前端。

Zakra前端的最近更新日期

Zakra前端的最近更新日期

如果您仍然無法編輯主題設計

您可能已經在本文中多次注意到,每個主題都有自己的內建樣式、CSS程式碼和PHP功能。因此,不可能說出每個主題如何響應我們的示例程式碼。此外,許多主題已經具有適當的樣式,甚至顯示上次更新日期而無需您進行任何調整。

無論情況如何,處理最後更新日期時的大多數問題都是由於硬編碼的主題檔案或檔案中的某種唯一性而出現的。因此,通常最好聯絡您的主題開發人員並提及您想要實現的目標。他們通常可以為您的特定情況提供適當的CSS或PHP程式碼的快速解決方案。

方法3:使用外掛

我們建議在依賴外掛之前使用上述方法之一來修改釋出日期。這是因為您新增的每個外掛都會為效能和安全問題帶來更多可能性;這個特定的日期更改很小,所以當您只需編輯functions.php檔案或主題模板時,我們寧願避免新增外掛。

話雖如此,您可能會發現上述方法都不起作用,或者它們無法按照您想要的方式執行。在這種情況下,請考慮安裝並啟用WP Last Modified Info外掛

該外掛消除了等式中的猜測,允許您新增最後更新的日期、調整設定(如替換髮布日期)以及格式化日期的外觀和位置。

WP Last Modified Info外掛

WP Last Modified Info外掛

啟用後,轉到WordPress儀表盤中的設定 > WP Last Modified Info。在“Post Options”頁面上,開啟“Enable for Posts/Pages on Frontend”開關。

在前端啟用文章和頁面

在前端啟用文章和頁面

您還可以選擇將顯示方式更改為:

  • 內容之前
  • 內容之後
  • 替換髮布日期
  • 手動(使用簡碼)

在頁面上向下滾動以找到其他設定:

  • 日期格式
  • 時間格式
  • 時間空隙

您可以選擇將釋出日期替換為上次更新日期

您可以選擇將釋出日期替換為上次更新日期

儲存這些設定以在您的網站前端顯示最後更新日期。如果某些東西看起來不太正確,請返回設定以檢視是否有可用的東西將其修復為您想要檢視的內容。

外掛顯示的前端檢視

外掛顯示的前端檢視

外掛也會自動啟用頁面的最後更新日期。如果您想刪除該預設設定,請返回外掛設定以填寫“ Post Types to Show Modified Info ”欄位。只需在欄位中輸入“Posts”,以確保Pages文章型別上沒有任何內容得到更新。設定所有更改後,請務必單擊“Save Settings按鈕。

僅在文章上顯示更新日期

僅在文章上顯示更新日期

如何判斷WordPress文章或頁面上次更新的時間

在WordPress文章上顯示最近更新的日期是一回事,但實際檢視文章的最後更新時間又如何呢?畢竟,這是識別您應該修改的舊文章的重要部分。

此外,檢視釋出日期和最後更新日期有助於解決您在新增最後更新日期時可能遇到的問題。例如,本文中的大部分程式碼都需要有一個實際的最後更新日期才能拉取。這意味著如果文章尚未更新,您將看不到任何日期,您可能直到在後端查詢日期時才知道。

要檢視WordPress文章或頁面的最後更新時間(甚至在實施上述方法中的任何程式碼之前),您可以轉到WordPress儀表盤中的一個區域。

不幸的是,當您新增到您的文章和頁面時,WordPress不會在後端自動顯示修改上次更新日期,即使您從我們上面的方法中實現了一些程式碼也是如此。轉到WordPress中的文章列表僅顯示釋出日期列。

後端文章列表中只有一個釋出日期列

後端文章列表中只有一個釋出日期列

文章和頁面編輯器也是如此;您可以檢視“釋出”選項卡以檢視釋出日期,但沒有關於上次更新時間的資訊。

預設情況下僅顯示釋出日期

預設情況下僅顯示釋出日期

瞭解WordPress中最近更新日期的內建方法

在沒有內建顯示功能的幫助下,最好開啟相關文章並單擊右側的文章選項卡。向下滾動以找到“修訂”按鈕。

  • 如果您沒有看到“修訂”按鈕,則表示您從未更新過它。
  • 如果您看到“修訂”按鈕,請單擊它。

單擊“修訂”按鈕以檢視列表

單擊“修訂”按鈕以檢視列表

雖然這不能保證找到最後更新的日期,但它可以讓您很好地瞭解這篇文章中的活動。

無論您是否釋出文章,修訂都會儲存到WordPress中,因此您可能有一些實際上不是最後更新日期的修訂日誌。但是您可以根據修訂中的內容檢視過去的修訂,以瞭解您最近釋出了哪些修訂。

每個修訂都記錄日期和時間,您也可以假設它是最後更新的日期。

檢查修訂中的上次修改日期

檢查修訂中的上次修改日期

如果您已經從之前的一種方法中實現了最後更新的日期程式碼,但您沒有在前端看到日期,那麼這是檢視文章是否有更新日期的好方法;如果沒有,程式碼將不會顯示任何內容。

或使用外掛在後端查詢最後更新日期

WP Last Modified Info外掛不僅將Last Modified日期新增到前端,而且在整個儀表盤中建立列和部分,以便更輕鬆地發現您有一段時間未更新的文章。

安裝WP Last Modified Info外掛後,導航到WordPress中的文章列表。該外掛會自動在Date旁邊生成一個名為Last Modified的新列。

該外掛包括一個用於上次修改日期的新後端列

該外掛包括一個用於上次修改日期的新後端列

該外掛還在文章編輯器中顯示一個名為Last Updated的選項卡,顯示單個文章的最近更新日期和時間。

文章編輯器中的“最近更新”選項卡

文章編輯器中的“最近更新”選項卡

小結

在本文中,您瞭解到:

  • 如何判斷網站上次更新的時間
  • 在您的網站上顯示最近更新日期的好處
  • 如何使用以下方法在WordPress中顯示最後更新日期:
    • 方法1:在你的主題中編輯functions.php和CSS
    • 方法2:編輯主題模板
    • 方法3:使用像WP Last Modified Info這樣的外掛

我們還探討了以下方面的提示:

  • 如何更改上次更新日期的樣式
  • 如何從頁面和其他任何非文章中刪除最後更新日期
  • 刪除釋出日期,以便僅顯示最後更新的日期
  • 更改上次更新日期在文章中顯示的位置

最後,我們向您展示瞭如何將最後更新日期新增到幾個熱門主題,包括:

  • 二〇二〇
  • 二〇二一
  • Astra
  • Neve
  • Zakra

評論留言