第5篇共7篇-在WordPress.com的文章設定「延伸閱讀」實際操作(5/7)

 


5篇共7篇-在WordPress.com的文章設定「延伸閱讀」實際操作(5/7

 

 

文章簡介


本篇是「在 WordPress.com 的文章設定『延伸閱讀』實際操作」7篇系列文章的第5篇,延續前幾篇的實際操作經驗,進一步說明如何利用「單篇文章」範本中的區塊設定功能,將「相關文章」準確加入文章內容的後方。實際操作時,可以先確認畫面中的「文章標題」、「日期/作者」與「內容」區塊,找到代表文章正文的內容區塊後,利用右側出現的「」設定選項,選擇「後方插入」,讓新的區塊直接建立在文章內容結束的位置。接著搜尋並加入「相關文章」區塊,完成後確認版面順序是否正確,再儲存範本。這種方法不必移動原有文章內容,也能精確設定延伸閱讀的位置,是本系列實際操作中相當實用的一項技巧。


 

編輯日期:2026/08/21


 



  

 

文章目錄


壹、單篇文章範本區塊:確認文章標題、日期/作者與內容區塊及右側「」設定

貳、利用內容區塊「」設定功能:從「後方插入」在內容後加入相關文章區塊


 

 

 

內容摘要


壹、單篇文章範本區塊:確認文章標題、日期/作者與內容區塊及右側「」設定

進入 WordPress.com 的「單篇文章」範本編輯器後,首先要熟悉畫面中的各個區塊位置。一般可以依序看到「文章標題」、「日期/作者」以及代表文章正文的「內容」區塊。這些區塊是判斷文章版面結構的重要依據,尤其要找到真正的「內容」區塊,才能正確決定延伸閱讀應該放置的位置。當滑鼠移到內容區塊附近時,右側會出現「」設定選項,這個按鈕提供許多區塊操作功能。實際操作時,不需要修改原有的文章標題或內容,只要先確認各區塊的位置,並找到內容區塊右側的「」,就可以進行下一步的相關文章設定。


貳、利用內容區塊「」設定功能:從「後方插入」在內容後加入相關文章區塊

找到「內容」區塊右側的「」後,可以開啟區塊的操作選單,從中尋找「後方插入」功能。選擇後,新的區塊就會直接建立在文章內容的後方,這個位置正是設定「延伸閱讀」相當理想的位置。接著可以利用新增區塊的搜尋功能,輸入「相關文章」,找到 WordPress.com 提供的相關文章區塊並加入。完成後應確認排列順序為「文章標題日期/作者文章內容相關文章留言」。這種方法不必移動原有的內容區塊,也能準確地把延伸閱讀放在正文結束之後;儲存範本後,再到實際發布的文章頁面確認,即可知道設定是否成功。


 

 

 

完整文章


壹、單篇文章範本區塊:確認文章標題、日期/作者與內容區塊及右側「」設定

目前看到的是「內容區塊」,並不是實際的「文章內容(Post Content)」

目前的情況可以這樣理解

在「單篇文章」範本中,看到:

文章標題

日期/作者

內容區塊

其他範本內容

其中「內容區塊」比較像是範本的結構容器;真正讓每篇文章文字自動顯示的「文章內容/Post Content」區塊,可能位於這個容器裡面。


現在請做一個最安全的操作

目前已經在「單篇文章」編輯畫面。

看畫面左上方

在「+」右邊,之前應該有看到一個:

三條橫線的圖示

這就是清單檢視(List View

👉 請點它。

它會把目前「單篇文章」範本的所有區塊,以階層方式列出來。


既然「內容」旁邊沒有 > 或小箭頭,而且只有右側的「」三點設定,代表它不是可以直接展開的階層項目。先不要再嘗試展開它,也不要刪除它。

其實這反而讓可以更精確地判斷下一步。

現在做這一個動作

在「內容」這一列的最右邊:

(三個點)

點一下三個點

應該會跳出一個小選單。

這裡先不要選任何項目

只要查看跳出來的選單內容。

例如可能會看到:

編輯
複製
刪除
移至
……

也可能會看到其他不同的選項。


為什麼要先看這個選單?

因為現在已經知道:

「內容」不是一個可以展開的群組。

三點選單中的選項可以確認這個「內容」究竟是:

  • 一個範本區塊
  • 一個可編輯的區塊
  • 一個範本組件
  • 或是其他 WordPress 區塊

確認之後,才能確認「相關文章」應該放在哪裡。

而且目標仍然沒有改變:

文章標題

日期/作者

文章內容

延伸閱讀(相關文章3篇)

其他內容

最重要的是,不要刪除「內容」、不要移動「內容」、不要按「儲存」


 

 

 

貳、利用內容區塊「」設定功能:從「後方插入」在內容後加入相關文章區塊


內容區塊右側設定選項有複製、剪下、再製、於前方插入、於後方插入、複製樣式、貼上樣式、組成群組、鎖定、重新命名、隱藏、建立區塊版面配置、建立範本組件、刪除等項。現在把「」裡面的選項完整列出來了。可以確定前面的判斷需要修正一下:看到的「內容」就是 WordPress Content(內容)區塊。

WordPress.com官方目前的說明也明確指出,Content區塊就是用來自動顯示每一篇文章實際內容的佔位區塊;在範本編輯器中,它不會直接把某一篇文章的文字顯示出來。

所以剛才說:

「看不到文章內容,只看到內容區塊」

這是完全正常的,不是看錯,也不是網站出了問題。


接下來就可以正式加入「延伸閱讀」

而且這一次不用再找「文章內容」。

目標是:

文章標題

日期/作者

內容(Content

延伸閱讀/相關文章

其他內容、留言等

WordPress.com 官方目前對區塊式佈景主題的做法,就是在「單篇文章(Single)」範本中,於希望出現的位置加入 Related Posts(相關文章) 區塊。


現在先不要按「刪除」

目前看到的三點選單裡有:

  • 複製
  • 剪下
  • 再製
  • 於前方插入
  • 於後方插入
  • 複製樣式
  • 刪除

現在最需要的其實就是:

「於後方插入」

這個功能非常適合。

因為希望:

文章實際內容結束延伸閱讀

所以可以利用「內容」區塊的:

於後方插入

直接在 Content 區塊後面增加新的區塊。


👉 下一步請這樣做

現在「內容」的三點選單已經打開。

請點:

「於後方插入」

點下去以後,應該會在「內容」區塊的下面出現一個新的區塊插入位置/「+」。

這一步仍然不要按「儲存」

看到新的「+」之後:

再做下一步。


下一步要搜尋什麼?

到時候按「+」後,搜尋:

Related Posts

或者:

相關文章

WordPress.com 官方目前的名稱就是 Related Posts block(相關文章區塊)。加入後,它會根據網站文章的內容、分類及標籤自動找相關文章;而且目前需要系統找到至少 3篇適合的相關文章,才會顯示推薦內容。

加入後再設定:

標題:延伸閱讀
文章數量:3
顯示縮圖:開啟

這樣會很適合部落格。


 

留言

這個網誌中的熱門文章

解析WordPress的分類功能、文章分類設定、批次移轉與最佳顯示實例

WordPress解析:設定返回首頁、調整靜態頁面順序、導航菜單角色

如何在WordPress中設定靜態首頁並找回原本的部落格頁面:設定指南