第4篇共7篇－在WordPress.com的文章設定「延伸閱讀」實際操作（4/7）
第4篇共7篇－在WordPress.com的文章設定「延伸閱讀」實際操作（4/7）
文章簡介
本篇是「在 WordPress.com 的文章設定『延伸閱讀』實際操作」7篇系列文章的第4篇，主要記錄從「外觀→編輯器」進入單篇文章範本後，如何一步一步找到文章內容，並在正文結束後加入「相關文章」區塊。實際操作時，如果範本畫面無法向下捲動，可以利用上方搜尋框直接找到「單篇文章」，再進入範本編輯器。找到文章標題、日期／作者及文章內容後，確認「相關文章」應放在文章內容的下方，接著利用「＋」按鈕搜尋「相關文章」並加入。完成後確認版面順序為「文章內容→相關文章→留言」，再儲存範本。如此設定一次後，日後文章就能自動套用這個版面，讀者閱讀完正文即可看到推薦內容，不必再逐篇人工設定，讓網站文章之間建立更便利的閱讀連結。
編輯日期：2026/08/20
文章目錄
壹、進入「外觀→編輯器」尋找範本：無法向下捲動時改用搜尋框找到單篇文章
貳、搜尋單篇文章進入範本編輯器：找到文章內容後在下方加入相關文章區塊
參、單篇文章範本操作：在文章內容下方用「＋」搜尋並加入「相關文章」區塊
內容摘要
壹、進入「外觀→編輯器」尋找範本：無法向下捲動時改用搜尋框找到單篇文章
在 WordPress.com 後台進行「延伸閱讀」設定時，首先需要進入「外觀→編輯器」尋找文章範本。不過實際操作時，範本畫面可能遇到無法繼續向下捲動的情況，若一直拖曳畫面反而不容易找到需要的項目。這時可以利用畫面上方的搜尋功能，直接輸入「單篇文章」，快速尋找對應的範本。透過搜尋取代逐項尋找，不僅可以節省時間，也能避免因畫面顯示範圍有限而找不到正確位置，是這次實際操作中相當實用的一個小技巧。
貳、搜尋單篇文章進入範本編輯器：找到文章內容後在下方加入相關文章區塊
搜尋並找到「單篇文章」後，即可進入範本編輯器進行修改。進入畫面後，首先要確認文章各個區塊的排列，例如文章標題、日期／作者以及文章內容等。這個步驟最重要的是找到真正代表文章正文的「內容」區塊，因為希望「延伸閱讀」出現在整篇文章閱讀完畢之後。因此，找到內容區塊後，應將新增的「相關文章」放置在內容下方，而不是插入正文中間。這樣設定完成後，日後讀者閱讀文章時，就能在正文結束後看到相關文章推薦，閱讀動線也會更加自然。
參、單篇文章範本操作：在文章內容下方用「＋」搜尋並加入「相關文章」區塊
找到「文章內容」區塊後，下一個重要步驟就是利用內容下方出現的「＋」按鈕新增區塊。點擊「＋」後，可以利用搜尋功能輸入「相關文章」，找到 WordPress.com 提供的相關文章區塊，再將它加入文章內容後方。完成後，先確認排列順序是否為「文章內容 → 相關文章 → 留言」，確認位置正確後再儲存範本。這次實際操作最大的收穫，就是發現不需要逐篇文章手動增加，只要在「單篇文章」範本設定完成，網站就可以將這個版面套用到文章頁面，讓延伸閱讀功能更加方便。
完整文章
壹、進入「外觀→編輯器」尋找範本：無法向下捲動時改用搜尋框找到單篇文章
📌 建議現在「一次只做一個步驟」，現在先不要點其他地方。
👉 請先點畫面左側的：
「編輯器」
現在已經進入：
外觀 → 編輯器 → 範本
而且畫面顯示 「Infield」 佈景主題，共有6個範本。
目前看到的是：
- 所有彙整
- 頁面
- 頁面：404
「單篇文章」目前還沒有出現在畫面中，應該在下面。
現在只做這一步
在目前這個「範本」畫面中，往下捲動一點。
請找名稱類似：
文章
或
單篇文章
或英文：
Single Post / Single
⚠️ 先不要點「所有彙整」
也不要點「新增範本」，更不要改目前任何設定。
要找的是控制每一篇文章版面的「單篇文章」範本。
「範本」畫面中，無法向下捲動，被升級框擋住了，直接利用上方的「搜尋」框找單篇文章範本。
不是不會捲動，而是左側的「進階版樣式」提示區域確實佔住了畫面。先不要升級，也不要按「立即升級」。
其實有一個更安全、也更簡單的方法：不用向下捲動，直接利用上方的「搜尋」框找單篇文章範本。
請現在這樣做
在畫面上方「範本」標題下面，有一個：
🔍 搜尋
請點進去，輸入：
文章
看看是否出現：
文章
或：
單篇文章
如果沒有，再輸入英文：
Single
看看是否出現：
Single Post
如果搜尋找到了
請先不要修改任何內容
另外有一個方法，但現在先不要用
左邊的升級提示有一個：
「移除進階版模式」
這個按鈕暫時不建議按。
因為它可能會改變目前 Infield 佈景主題的某些進階版樣式；現在只是要找「單篇文章」範本，沒有必要為了找範本而改變現有網站外觀。
貳、搜尋單篇文章進入範本編輯器：找到文章內容後在後方加入相關文章區塊
⭐ 所以現在只做一件事
點上方「搜尋」→ 輸入「文章」
一步一步來，不升級、不改版、不冒險修改目前網站。目前已經把「相關文章」功能設定好了，現在只是要找到它應該放置的位置而已。
👍 這次終於找到了。
單篇文章
而且下面顯示：
作者：Infield
這就是要找的範本。
現在請做下一步：
👉 直接點「單篇文章」這個範本。
點進去後，會進入「單篇文章」的版面編輯畫面。
先不要修改任何東西。
再依據版面：
- 「文章內容」在哪裡
- 「＋」應該按在哪裡
- 如何加入 「相關文章」
- 如何設定成想要的 3篇延伸閱讀
- 最後如何儲存，且不影響原本網站的版面
現在已經只差最後幾個步驟了。目前不用升級，也不要按左側的「立即升級」或「移除進階版模式」。
現在已經進入「單篇文章」範本編輯器了。下一步可以直接找「內容」的位置。
不過請先注意：右側的「內容」只是目前範本的區塊清單，不是文章正文。目前可以看到：
- header
- byline-date
- sidebar
- footer-alternative
所以還沒有看到真正的文章內容區塊。
請現在這樣做
在畫面中央的藍色網站區域中，往下捲動頁面。
現在看到的是文章範本的最上方：
「新科香草智慧退休莊園」網站標題與選單
請把中央的網頁預覽往下捲，一直找到文章標題與文章正文的位置。
不要改任何東西，也先不要按「儲存」。
找到類似：
文章標題
日期／作者
文章內容
……
為什麼這一步很重要？
真正要做的是在：
文章內容 → 文章結束 → 相關文章 → 訂閱區 → 留言
這個位置加入「相關文章」。
而目前的範本右側已經有 sidebar、footer-alternative 等區塊，所以不希望誤把「相關文章」放到網站側邊欄或頁尾。
現在只要往中央預覽畫面往下捲，找到文章正文即可。
參、單篇文章範本操作：在文章內容下方用「＋」搜尋並加入「相關文章」區塊
目前已經做到最關鍵的一步：在「單篇文章」範本中，已經看到「文章標題、日期／作者、文章內容」。
剛剛也重新確認了WordPress.com 2026年6～7月的官方說明，Infield是區塊佈景主題，因此可以直接在「單篇文章」範本加入Related Posts（相關文章） 區塊。
現在請這樣操作
第1步：找到「文章內容」的下方
現在在「單篇文章」範本裡，已經看到：
文章標題
↓
日期／作者
↓
文章內容
↓
……
請把中央預覽畫面繼續往下移動，找到「文章內容」結束的位置。
⚠️ 這裡有一個很重要的觀念：
「文章內容」不是今天要點進去編輯文章文字的地方。
在範本裡，「內容（Content）」其實是一個「佔位區塊」，它會自動把每一篇文章的實際內容顯示出來。WordPress.com
官方也特別提醒，不要刪除這個 Content 區塊，否則文章可能無法正常顯示。
第2步：在「文章內容」下面找「＋」
當把畫面移到：
文章內容的最下面
附近應該可以找到一個：
＋
這就是要使用的新增區塊按鈕。
WordPress.com
官方目前的操作方式也是：在想加入的位置按「＋」，搜尋所需要的區塊。
第3步：按「＋」後搜尋
請搜尋：
Related Posts
如果WordPress中文介面有翻譯，也可能看到：
相關文章
找到後，請選擇：
Related Posts／相關文章
不要選「Blog Posts／部落格文章」或「Latest Posts／最新文章」。
因為要的是「根據目前文章內容，自動推薦相關文章」。
第4步：加入後先設定「3篇」
加入「相關文章」之後，點一下這個區塊。
右側設定欄應該會出現相關選項。
建議設定：
標題：
延伸閱讀
文章數量：
3篇
顯示縮圖：
☑
顯示日期：
☑ 或不勾皆可
顯示分類／標籤：
☑
WordPress.com
官方目前說明，Related Posts 預設顯示 3篇，最多可以顯示 6篇，也可以設定標題、日期、作者、分類／標籤及縮圖。
⭐ 但是有一個問題要特別注意
為什麼設定完成後，文章下面還沒有自動出現？
現在答案已經很明確了。
WordPress.com
官方目前說明：
相關文章至少要找到3篇足夠相似的文章，才會顯示。
也就是說，不是設定錯誤。
即使成功加入Related Posts，如果某一篇文章找不到至少3篇「夠相似」的文章，它仍然可能不顯示。
而且相關文章的判斷會參考：
- 文章內容
- 分類
- 標籤
因此，網站如果有很多文章，而且同一主題有多篇文章，推薦效果會逐漸變好。
⭐ 特別建議：先不要急著儲存
今天第一次做這個設定，建議採取最安全的方法：
① 找到「文章內容」下面
↓
② 按「＋」
↓
③ 搜尋「Related Posts」
↓
④ 加入「相關文章」
↓
⑤ 設定3篇
↓
⑥ 先停下來
到這裡可以在螢幕上看到什麼，例如：
「按＋後出現搜尋框」
或者：
「搜尋 Related Posts 後，出現幾個選項」
最重要的是：
目前先不要按「儲存」。
因為「單篇文章」範本的修改會影響所有使用這個範本的文章；WordPress.com 官方也明確說明，範本的修改會套用到使用該範本的文章。
等確認「相關文章」放置的位置正確，再按儲存會比較安全。
留言
張貼留言