WordPress 顯示文章最後更新時間?不安裝外掛實現

WordPress 顯示文章最後更新時間?不安裝外掛實現

在網站搜尋排名各項隱性分數之中,相信其一就是文章的發布日期,文章年代久遠準確性可能會失準。但假如你有在「更新維護」該篇文章資料的正確性呢?

 

那你必須讓 Google 等搜尋引擎知道這篇文章有更新!怎麼做?絕對不是把標題改成「2022 最新十大 WrodPress 文章排行」每年更新標題的年號即可,那是給人看的!的確可以吸引人點擊!

 

但對於 Google 等搜尋引擎你需要設定結構化資料,Google 就能正確抓取你文章的 dateModified 參數!得知你文章的最後更新時間!

 

如何設定 dateModified 結構化資料?

只要你是用 WordPress,並有安裝 SEO 外掛如 Yoast SEO、Rank Math⋯⋯等,都會幫你的文章自動產生結構化資料!這也是為什麼 WordPress 網站 SEO 比較容易表現良好的原因!

 

如何顯示最後修改時間在前台?

知道 Google 可以得知我們的最後修改時間後,現在要來關心訪客知不知道這件事,新鮮的文章總是比較吸引人!所以我們也要將這個「最後修改日期」在網站上 show 出來

 

簡單到進階分三個方式,請依照喜好挑選,新手建議使用第一種方法不需額外安裝外掛!且也很簡單!

 

免額外安裝外掛:使用 Code Snipper 加入程式碼

下載 Code Snipper 外掛

首先用你的 WordPress 去下載 Code Snipper 外掛

這邊雖說不用下載外掛,但第一步就請你下載外掛。原因是 Code Snippets 是一款方便你插入各種程式的外掛,本站及友站多種不同功能教學都是透過 Code Snippets 來實現插入程式!且不需動到主題和核心的程式,非常的方便!筆者認為是 WordPress 網站必裝之外掛!因此不算額外啦!

Code Snipper 新增最後更新時間程式

在 WordPress 後台左邊選單:程式碼片段 -> 新增程式碼片段,將下面程式碼貼入:

 

function wp_last_modified_date( $content ) {
	if( !is_single() ) {
		return $content;
	}
	$post_time = get_the_time('U');
	$post_modified_time = get_the_modified_time('U');
	if ($post_modified_time >= $post_time + 86400) {
		$updated = get_the_modified_time( 'Y年m月d日' ); 
		$custom_content .= '<p class="post-modified-time ">最後更新日期:'. $updated .'</p>';
	}
	$custom_content .= $content;
	return $custom_content;
}
add_filter( 'the_content', 'wp_last_modified_date' );
WordPress 顯示文章最後更新時間 modified date
貼上後如圖,選擇僅前端執行,名字命名自己看得懂就好!然後按下儲存並啟用

上述有正確新增並「按下儲存並啟用」後,應該就能在所有文章最上方看到修改時間(記得你要發布過後有修改過,才有修改時間!)。

 

WordPress 顯示文章最後更新時間 modified date
但是修改時間目前沒有樣式,不明顯之外也不好看,接著來加點樣式!

美化最後更新時間外觀

「WP後台左邊選單 -> 外觀 -> 附加的 CSS」,如果找不到那試著從「WP後台左邊選單 -> 外觀 -> 自訂 -> 進入後左邊選單最後一個選項應該就是“附加的 CSS”」。

WordPress 顯示文章最後更新時間 modified date

複製下方 CSS 程式碼,貼在上圖中的位置,就可以改變文章中「最後更新時間」的樣式。

// 文章最後更新時間樣式
.post-modified-time{
  background: #222222;
  color: #fff;
  border-radius: 5px;
  text-align: center;
  padding: 5px;
  margin: 0 0 25px;
}

 

文章最後更新時間 modified date CSS 樣式修改
美化後樣式,這樣是不是明顯多了
文章最後更新時間 modified date CSS 樣式修改
如果想自定義顏色,上述的 CSS 中可以修改 background 的色碼

將程式插入主題:隨意放想放的位置

這就真的無須任何外掛了。提供給進階者,將程式碼放置到自己想放的主題位置

WordPress 文章最後更新時間 modified date 程式碼
像我不想把最後更新時間獨立出來,而是希望它融入主題之中,就能修改在發布時間旁邊

只要將程式碼加到相對應位置,就會顯現最新修改時間:

<?php
  $post_time = get_the_time('U');
  $modified_time = get_the_modified_time('U');
  if( $modified_time >= $post_time + 86400 ):
?>
  <div class="post-date-modified">
    <i class="icon-edit"></i>
    最後更新時間:
    <?php echo get_the_modified_time( 'Y年m月d日' ); ?>
  </div>
<?php endif; ?>

 

除了在文章內,也可以加在 archive.php 的彙整頁面,讓訪客在瀏覽時對於文章的時間一目瞭然

 

 

WordPress 文章最後更新時間 modified date 程式碼 加入主題
彙整頁面:詳見實現結果
WordPress 文章最後更新時間 modified date 程式碼 加入修改主題
如果未修改過的文章,則只會顯示發布時間。

安裝專門的「最後文章更新時間」外掛

WP Last Modified Info

此款為 WordPress 中最推薦的「最後文章更新時間」外掛。可自行安裝設定,這部分不多加敘述,本篇以不裝額外外掛實現為主。

不過值得一提的是,假如你沒安裝 SEO 外掛(可是誰 WordPress 不裝 SEO 外掛?)這款外掛也可以幫你處理加結構化程式碼的部分,告訴 Google 文章的最後更新時間!

上一篇將中文電子書轉成直排閱讀 epub、kindle、kobo 下一篇PS5 PSN 商店重複扣款、付款失敗退費流程

Divi 主題週年慶特賣!

Divi 週年特賣 20% 折扣優惠!只有14天!

90秒強大功能展示:傳送門

優惠傳送門:傳送門

Divi 中文化:傳送門

完整教學:傳送門

Divi 主題週年限時優惠!