【WordPress教學】如何替文章添加最後更新時間

本篇文章將會手把手教你，如何使用程式碼片段外掛，在 WordPress 文章內添加「文章最後更新時間」的文字訊息，這有助於讀者判斷該篇文章的參考價值。

前言

以下教學需安裝 Code Snippets 程式碼片段外掛來完成，該外掛可以透過輸入程式碼，替你的網站增加各種各樣的功能，並方便了程式碼與程式碼之間的管理，且讓你可以更快速的找到並修改程式碼。

使用教學

安裝 Code Snippets 外掛

首先，前往 外掛 > 安裝外掛，在搜尋框中輸入「Code Snippets」，如下圖所示，找到名稱為 Code Snippets 的外掛，立即安裝並啟用該外掛。

Code Snippets 外掛 :
https://tw.wordpress.org/plugins/code-snippets/

複製貼上代碼

step 1

外掛啟用後，在網站後台左半邊會多出一個剪刀圖示的程式碼片段選項，點擊 程式碼片段 > 新增程式碼片段。

step 2

如下圖所示，在標題輸入框中輸入「替文章添加最後更新時間」，方便程式碼的管理，以後要修改程式碼時也會比較方便。並複製以下的程式碼，貼到程式碼輸入框中。

程式碼 :

function wpb_last_updated_date( $content ) {
if( is_front_page() || is_home() ) {
return $content;
}
if( is_page(array(1017,927))){
return $content;
}
$u_time = get_the_time('U');
$u_modified_time = get_the_modified_time('U');
if ($u_modified_time >= $u_time + 86400) {
$updated = get_the_modified_time("Y 年 F  j 日");
$custom_content .= '<p class="last-updated">文章最後更新於 '. $updated .'</p>';
}
$custom_content .= $content;
return $custom_content;
}
add_filter( 'the_content', 'wpb_last_updated_date' );

畫面 :

step 3

完成後，記得點選下方的「儲存設定並啟用」按鈕，儲存並啟用你的程式碼。

step 4

做到這裡，文章已經可以顯示出最後更新時間了，只是只有顯示純文字，容易和內文混在一起，看起來並不顯眼。 如果想要有更好看、更顯眼的樣式，可以往下滑繼續看以下的教學。

搜尋引擎排名文章，時間顯示效果

以上程式碼啟用後，搜尋引擎在顯示你的文章時，也會顯示「文章的發佈時間」或者「文章最後更新時間」，如下圖所示。

以下的效果都需要一段時間，才會在搜尋引擎上顯示出來。

文章的發佈時間 :

文章幾天前更新 :

修改顯示的文字樣式

以上代碼最終只會在文章中顯示出純文字，以下教學將替文字修改成好看且醒目的樣式。

step 1

前往 程式碼片段 > 新增程式碼片段。

step 2

一樣，在標題框中輸入「替文章添加最後更新時間(文字樣式)」，方便管理程式碼。並複製以下程式，貼到程式碼輸入框中。

程式碼 :

add_action( 'wp_head', function () { ?>
<style>

.last-updated {

	text-align: center;
	/*文本對齊：居中*/
	border-spacing: 20px;
	padding: 10px;
	border:1px solid #000000;
}
	
</style>
<?php } );

畫面 :

樣式預覽

以下圖片為該程式碼的最終效果，你們也可以自己修改程式碼，修改成自己喜歡的樣式。

結語

替文章添加最後更新時間，有助於讀者對於文章的判斷，網站管理員也可以更方便的管理整個網站的文章，快速查詢文章最後更新的時間，替老舊文章更新為最新內容。

而在搜尋引擎排名的文章中顯示「發佈時間」、「最後更新時間」，也有助於搜尋引擎排名，尤其是寫新聞、遊戲攻略、科技新知等等方面的部落格文章，看這類文章的讀者通常需要市面上最新的資訊，搜尋引擎排名文章是否顯示發佈更新時間，就尤其重要。

如果對文章內容有任何問題，或有想讓小翔另外補充的的內容，歡迎在底下留言讓我知道。

在這裡，我想讓您知道在 小翔教你SEO 網站中，有些連結為聯盟營銷連接，這代表，當人們點擊該連結，並前往其他網站進行購買動作時，我將會從銷售中獲得少部分佣金（但不會影響你購買的價格）。

有關更詳細的聯盟連接說明，請前往 聯盟計畫聲明（FTC） 頁面觀看。

by 小翔