YARPP 教學|3分鐘學會如何在 WordPress 文章加入相關文章列表

YARPP 教學|3分鐘學會如何在 WordPress 文章加入相關文章列表 3

如果你的網站是部落格、新聞、教學等類型,在讀者閱讀你的文章時,如果可以加入「相關文章」的推薦列表,可以帶來更多的瀏覽量與更好的使用者體驗,進而提高網站的 SEO 排名。

通常網站上的佈景主題都會有這個功能,但是彈性與變化較小,這時候就可以利用外掛來達成更高的彈性,例如可以更換列表類型、置放位置等。

本篇文章所要介紹的 YARPP(Yet Another Related Posts Plugin) 就是一款專門幫你處理與顯示相關文章外掛,使用上也相對簡單與彈性!

如果在閱讀文章過程中有任何問題,歡迎隨時在文章底下留言,或是透過聯絡我跟我溝通討論喔,讓我們開始吧!

YARPP 是什麼?

YARPP 外掛
YARPP 外掛

YARPP 是 Yet Another Related Posts Plugin 縮寫,是一套專門用來處理與顯示網站上「相關文章」的免費外掛,可以自由的設定相關文章要參考哪些參數,並且可以調整要顯示「相關文章」列表的網頁。

YARPP 使用設定上也非常簡單,並有著豐富的功能,整理如下:

  • 高度客製化的參考選項:可以設定「相關文章」所參考的指標,例如文章標題、文章內容、標籤與目錄等。
  • 不拖慢網頁速度:有自己的快取機制以及優化過的程式碼。
  • 支援在 RSS 中顯示相關文章。
  • 支援古騰堡區塊編輯器,並支援短代碼(ShortCode)。
  • 支援傳統小工具與區塊小工具。
  • 所有語言相容,並支援 bbPress WooCommerce

如何使用 YARPP 外掛?

YARPP 範例

這個章節會教大家如何用 YARPP 外掛簡單的顯示「相關文章」的區塊,教學中會包含在「文章最底下」顯示與在「側邊欄」顯示,兩種方式擇一即可。

預估時間 3 minutes

STEP 1:搜尋並安裝外掛

YARPP 教學|3分鐘學會如何在 WordPress 文章加入相關文章列表 7

在 WordPress 後台的「外掛→安裝外掛」中,輸入「Yet Another Related Posts Plugin」搜尋安裝並啟用。

STEP 2:前往 YARPP 設定頁面

前往 YARPP 設定頁面

前往 WordPress 後台「設定→YARPP」,進入外掛設定頁面。

STEP 3:全域設定

YARPP 教學|3分鐘學會如何在 WordPress 文章加入相關文章列表 10

在設定畫面的最上方為 YARPP 的全域設定,這邊分成四個部分解說個別功能,如下:

1. Post types to include:可以設定哪些頁面類型會被 YARPP 參考來製作相關文章。
2. 禁止關聯分類:可以設定哪些分類不要被 YARPP 參考關聯。
3. 禁止關聯標籤:可以設定哪些標籤不要被 YARPP 參考關聯。
4. 這個區域有五個選項可以設定,依序為:
-> Display password protected posts:顯示密碼保護的文章。
-> Display sticky posts:顯示置頂文章。
-> Display only posts from the past 天/周/月:只顯示過去指定時間內的文章。
-> Display only posts older than current post:只顯示比目前所閱讀的文章還要舊的。
-> Limit to same post type:限制只顯示跟目前閱讀頁面相同類型的文章。

可以自行決定相關文章所要參考與顯示的規則,相當的彈性。

STEP 4:演算法設定

YARPP 演算法設定

在演算法的設定裡面,可以更深入的設定 YARPP 判斷與產生相關文章時,所用的參考指標。

第一個「相關值」的部分,數字越高代表關聯性越高,反之則關聯性越低,可以自己嘗試調整。

其餘的選項則可自由設定要不要被參考、或是當作主要參考的指標。

STEP 5:自動顯示規則

YARPP 教學|3分鐘學會如何在 WordPress 文章加入相關文章列表 13

下一個要設定的區塊是「Automatic Display Options」,就是自動顯示的規則。

可以自由設定要在哪些頁面顯示,如文章、頁面等,如果你不想讓外掛自動把「相關文章」列表放在文章底部,那在「Automatically display related content on」選項中請不要勾選任何項目。

中間的「Display on the front page, category and archive pages」選項打勾的話,相關文章列表區塊則會顯示在你的網站首頁、網站目錄頁與彙整頁面。

Maximum number of posts 則是可以設定相關文章列表所顯示的文章數量。

STEP 6:設定列表顯示方式

YARPP列表顯示設定

接下來可以設定你的「相關文章」區塊要用什麼形式呈現,總共有兩種模式可以選擇,我們先介紹列表(List)模式。

可以設定該區塊的標題文字與要不要顯示摘要等選項,也可以設定真的沒有相關聯的文章時,要顯示的文字。

STEP 7:設定縮圖顯示方式

YARPP 教學|3分鐘學會如何在 WordPress 文章加入相關文章列表 16

另外一種則是可以設定區塊用縮圖的方式呈現,一樣可以設定標題與沒有相關文章時的文字,縮圖的大小有數種選擇,可依照自己需求選取設定。

STEP 8:設定排序方式

設定排序方式

相關文章列表內文章的排序方式也可以自行決定,如相關性、發布日期或標題字母等。

下方的「Link to YARPP?」選項有打勾的話,則是在相關文章區塊最下方會多一行「Powered by YARPP」字樣。

STEP 9:預覽模式

YARPP 教學|3分鐘學會如何在 WordPress 文章加入相關文章列表 19

接下來可以在預覽模式中,檢查一下所設定的顯示方式是否有依照自己設定,在最上方可以調整手機、平板與電腦三種不同的預覽模式。

STEP 10:RSS 與 REST 設定

YARPP RSS and REST API

YARPP 也可以設定在 RSS 內顯示相關文章,如果有需求打勾即可。

至於 REST API 的部分,則是提供給 JavaScript 的 APP 使用的 API,如果沒有特別需求,保持預設即可。

所有設定都完成後,就可以按最下方的「Save Changes」按鈕進行保存。

STEP 11:完成並檢視設定結果

YARPP設定完成

完成設定並保存後,就可以前往網頁前台看一下設定結果,圖片是採用列表(List)方式呈現,如果你是用縮圖的方式,會像本章節一開始的圖片。

Supply:

  • Shareaholic

Tools:

  • Yet Another Related Posts Plugin

如何在側邊欄加入 YARPP 小工具?

除了把相關文章放置在文章底部外,你也可以透過小工具功能,把相關文章列表放置在側邊欄中,兩種可以同時存在,步驟如下:

STEP 1

WordPress 小工具
WordPress 小工具

前往 WordPress 後台的「外觀→小工具」選項中,在 Main Sidebar 中加入 YARPP 區塊。

STEP 2

加入 YARPP 區塊
加入 YARPP 區塊

加入 YARPP 區塊後,右方可以針對區塊功能進行設定,標題、顯示方式與文章數量都可以設定,沒問題後按一下右上方的「更新」按鈕進行保存。

STEP 3

完成之後,就可以前往網頁前台檢查一下設定成果囉!

側邊欄的 YARPP
側邊欄的 YARPP

教學是用 WordPress 5.8 版本引進的「區塊小工具」進行教學,如果你是使用「傳統小工具」,一樣也可以加入 YARPP,步驟如下:

STEP 1

前往 WordPress 後台的「外觀→小工具」選項中 ,在左邊的「可用的小工具」裡面找到 YARPP,點一下新增小工具到 Main Sidebar。

傳統小工具加入 YARPP
傳統小工具加入 YARPP

STEP 2

之後在右方 Main Sidebar 欄位中就可以看到 YARPP 並設定,完成之後按下「儲存」按鈕,之後一樣到前台網頁就可以看到成果了!

設定 YARPP
設定 YARPP

在列表後方的數字代表什麼?

相關文章列表後方數字
相關文章列表後方數字

如果你有登入 WordPress 的管理員帳號,並且正在瀏覽自己網站上的文章,在相關文章的區塊你會看到後方都有一串數字,這些數字代表該文章跟你目前瀏覽文章的相關度,數字越高,相關度越高。

這個數字一般訪客瀏覽者是看不到的,只有在有登入 WordPress 管理員帳號時會顯示,也可以拿來設定「相關值」的依據。

總結

雖然說大多數的佈景主題都有自己的「相關文章」功能區塊,但是並沒有提供太多客製化的選項,如果你厭倦了主題內建的相關文章功能,不仿試試看 YARPP 外掛,輕量不影響網頁速度,客製化的選項又多,相信不會讓你失望!

常見問題

很多頁面都沒有顯示相關文章,怎麼辦?

很有可能你目前文章數量不多,又把「相關值」設定太高導致,可以先把數值設定低一點,日後文章變多再調整即可。

我不想顯示過舊的文章,可以設定嗎?

可以,在全域設定中,可以透過 Display only posts from the past 選項設定。

YARPP 會拖慢網站速度嗎?

YARPP 的程式碼有進行最佳化,並且有自己的快取機制,並不會拖慢網站速度。

YARPP 簡介

YARPP 外掛簡介
YARPP 教學|3分鐘學會如何在 WordPress 文章加入相關文章列表 29

YARPP 是 Yet Another Related Posts Plugin 縮寫,是一套專門用來處理與顯示網站上「相關文章」的免費外掛,可以自由的設定相關文章要參考哪些參數,並且可以調整要顯示「相關文章」列表的網頁。

Price Currency: TWD

Operating System: WordPress

Application Category: UtilitiesApplication

Editor's Rating:
5

【文章在 2022-05-28 更新過內容】

歡迎免費訂閱Google 新聞」、「RSS」、追蹤Facebook」、「Instagram」、「YouTube」、「Dcard」、「TikTok」或加入討論社團」,並且可以透過「小額贊助」方式支持本站所有媒體持續營運!

返回頂端