一、什么是相關(guān)文章組件？

相關(guān)文章組件是在文章詳情頁面或產(chǎn)品詳情頁面展示與此產(chǎn)品或文章相關(guān)的文章的一個模塊。應(yīng)用于文章詳情頁面時，此組件動態(tài)讀取與該文章同一級分類或關(guān)鍵詞匹配的其它文章推薦給訪客；應(yīng)用于產(chǎn)品詳情頁面時，針對每個產(chǎn)品支持選出5~20篇與該產(chǎn)品相關(guān)聯(lián)的文章展示在前臺產(chǎn)品詳情頁面。

二、相關(guān)文章組件主要有哪些應(yīng)用場景？

應(yīng)用場景1：有時訪客訪問某一篇文章時，看完這一篇，還想再看與此文章類似或相關(guān)的文章，為實現(xiàn)這種效果，我們可以在文章詳情頁面添加相關(guān)文章組件來實現(xiàn)。“相關(guān)文章”組件的添加位置比較靈活，根據(jù)文章詳情頁面的排版需求可以放在左側(cè)欄/右側(cè)欄或者放在文章內(nèi)容下方，根據(jù)組件添加位置選擇合適的風(fēng)格展示效果會更好。

上文中提到的“文章詳情頁面”是指下圖所示頁面（有的頁面名稱不一樣，但是位置是一樣的哦，就是下圖這個位置的頁面）：

應(yīng)用場景2：從網(wǎng)站優(yōu)化角度出發(fā)，我們通常會建議用戶圍繞產(chǎn)品寫一些文章，在這個產(chǎn)品頁面把這些文章展示出來。這種需求可以通過在產(chǎn)品詳情頁面添加相關(guān)文章組件并且在產(chǎn)品編輯頁面關(guān)聯(lián)相關(guān)文章來實現(xiàn)。相關(guān)文章組件的位置也可以根據(jù)需求放在頁面下方或者左側(cè)右側(cè)欄。

三、如何使用相關(guān)文章組件？

1、如何查看相關(guān)文章組件是否已經(jīng)存在？

如果你的頁面上已經(jīng)有這個組件了，就不需要再添加，直接根據(jù)需要進(jìn)行相關(guān)操作就可以（具體操作見下文所述）；

如果你的頁面上需要這個組件，但是還沒有添加，就需要先添加滾動新聞組件了；

2、如何添加相關(guān)文章組件？

在頁面上添加組件的方法都是一樣的，

添加的組件名稱為“相關(guān)文章”，如下圖所示：

3、如何設(shè)置相關(guān)文章組件？

3.1 進(jìn)入組件的“設(shè)置”分兩種場景

1）此組件已經(jīng)添加好的場景：進(jìn)入所有這類組件設(shè)置項方法都是一樣的，

2）新添加的組件的場景：在添加此組件時會彈出這個組件的的設(shè)置話框。

3.2 在組件的設(shè)置中可以設(shè)置組件展示的內(nèi)容

組件標(biāo)題：即相關(guān)文章組件的標(biāo)題，若輸入，就會顯示，若不輸入，組件標(biāo)題欄就不會出現(xiàn)；

相關(guān)類型：同分類，是指與此文章在同一級的文章分類；關(guān)鍵詞匹配，是指這篇文章設(shè)置了文章關(guān)鍵詞，其它也設(shè)置了這些關(guān)鍵詞的文章會被列出來，文章關(guān)鍵詞設(shè)置位置在文章編輯頁面下圖所示位置：

顯示數(shù)量：可能符合條件的文章數(shù)量比較多，不適合全部展示在頁面上，在此可以設(shè)置顯示的數(shù)量。

3.3 在組件的設(shè)置中可以設(shè)置組件展示的風(fēng)格

提供豐富多樣的風(fēng)格供用戶選擇，每個風(fēng)格展示的內(nèi)容有哪些，見下圖文字說明：

3.4 設(shè)置好相關(guān)文章組件的內(nèi)容和風(fēng)格后，單擊設(shè)置框右下方“保存”按鈕，以保存所設(shè)置的內(nèi)容。

4、保存、預(yù)覽、發(fā)布

設(shè)置好以上內(nèi)容以后要單擊頁面右上角的“保存”按鈕，目的是把此修改保存到網(wǎng)站后臺；

然后可以單擊“預(yù)覽”按鈕查看不同終端下展示的效果，如果不合適可以到后臺再做修改；

如果需要讓訪客也看到，請單擊頁面右上角的“發(fā)布”按鈕，發(fā)布之后稍等兩分鐘左右即可看網(wǎng)站前臺展示效果。