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

文章最後更新於 2021 年 11 月 26 日

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

前言

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

使用教學

安裝 Code Snippets 外掛

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

Code Snippets 外掛 :
https://tw.wordpress.org/plugins/code-snippets/
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 } );

畫面 :

替文章添加最後更新時間(文字樣式)

樣式預覽

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

最終效果

結語

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

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

0 0 選票
文章評分

如果對文章內容有任何問題,歡迎在底下留言讓我知道。
如果你喜歡我的文章,可以按分享按鈕,讓更多的人看見我的文章。
還沒訂閱部落格的朋友們,記得在右上角填入信箱,收到我最新文章的通知。

by 小翔

訂閱
通知
guest
0 評論
在線反饋
查看所有評論