一、什么是滾動(dòng)新聞組件？

滾動(dòng)新聞組件是一個(gè)滾動(dòng)播放新聞的模塊，支持單行一條新聞滾動(dòng)，也支持若干條新聞橫向或縱向滾動(dòng)。滾動(dòng)新聞組件可以應(yīng)用在首頁，比如banner下方可以添加一個(gè)滾動(dòng)新聞組件，選擇橫向單條滾動(dòng)展示，動(dòng)態(tài)播放公司的最新新聞或資訊，也可以在首頁側(cè)欄添加一個(gè)滾動(dòng)新聞組件，選擇縱向輪播，實(shí)現(xiàn)公司新聞的輪流播放。

二、如何使用滾動(dòng)新聞組件？

1、如何查看滾動(dòng)新聞組件是否已經(jīng)存在？

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

如果你的頁面上需要這個(gè)組件，但是還沒有添加，就需要先添加滾動(dòng)新聞組件了；怎么判斷頁面上有沒有這個(gè)組件？單擊查看如何查看某一塊內(nèi)容是使用什么組件制作的？

2、如何添加滾動(dòng)新聞組件？

在頁面上添加組件的方法都是一樣的，單擊查看如何添加組件？

添加的組件名稱為“滾動(dòng)新聞”，如下圖所示：

3、如何設(shè)置滾動(dòng)新聞組件？

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

1）此組件已經(jīng)添加好的場(chǎng)景：進(jìn)入所有這類組件設(shè)置項(xiàng)方法都是一樣的，可以參考這個(gè)攻略：如何進(jìn)入組件的設(shè)置項(xiàng)？

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

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

組件標(biāo)題：即滾動(dòng)新聞組件的標(biāo)題，若輸入，就會(huì)顯示，若不輸入，則不顯示也不占位；

請(qǐng)選擇顯示分類下的文章：如果你的文章劃分了文章分類，在這里可以選擇展示所有文章分類下的文章，也可以選擇部分分類下的文章；

顯示文章總數(shù)量：支持設(shè)置顯示的文章總數(shù)量；

顯示更多：如果這里沒有顯示所有的文章，可以設(shè)置一個(gè)文字超鏈接，單擊可以跳轉(zhuǎn)到文章總列表頁面，單擊查看“顯示更多”鏈接類型介紹；

3.3 在組件的設(shè)置中可以設(shè)置組件的高級(jí)功能

文章打開方式：可以根據(jù)需要選擇文章打開方式，當(dāng)前窗口或者新窗口；

可視文章個(gè)數(shù)：可以根據(jù)需要選擇頁面上一行可視文章的數(shù)量；

滾動(dòng)速度：可以根據(jù)需要調(diào)整文章滾動(dòng)的速度；

顯示設(shè)置：可以根據(jù)需要選擇是否要顯示日期；

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

選擇不同的風(fēng)格，支持設(shè)置的內(nèi)容也是不一樣的，詳細(xì)情況如下：

3.4.1 選擇下圖所示風(fēng)格，支持多條文章標(biāo)題向上/向下滾動(dòng)、單擊文章標(biāo)題可以進(jìn)入文章詳情頁面，支持設(shè)置文章標(biāo)題前是否顯示圖標(biāo)。

3.4.2 選擇下圖所示風(fēng)格，組件自動(dòng)調(diào)取文章標(biāo)題、日期，向左/向右滾動(dòng)，單擊文章標(biāo)題可以跳轉(zhuǎn)到文章詳情頁面，支持設(shè)置文章標(biāo)題前是否顯示圖標(biāo)。

3.4.3 選擇下圖所示風(fēng)格，組件自動(dòng)調(diào)取文章附圖、日期、文章標(biāo)題、文章摘要，向左或向右滾動(dòng)，單擊文章附圖或文章標(biāo)題可跳轉(zhuǎn)到文章詳情頁面，支持統(tǒng)一設(shè)置文章附圖的寬度與高度。

3.4.4 選擇下圖所示風(fēng)格，即圖片幻燈片輪播的風(fēng)格，組件自動(dòng)調(diào)取文章的附圖依次以幻燈片的形式展示，單擊每個(gè)文章的附圖鏈接到文章詳情，支持統(tǒng)一設(shè)置文章附圖的寬度與高度。

3.4.5 選擇下圖所示風(fēng)格，組件自動(dòng)調(diào)取文章附圖、日期、文章標(biāo)題、文章摘要縱向滾動(dòng)播放，單擊文章附圖或文章標(biāo)題均可跳轉(zhuǎn)到文章詳情頁面。適合在頁面?zhèn)冗厵诳v向滾動(dòng)展示。

3.5 設(shè)置好滾動(dòng)文章組件的內(nèi)容、風(fēng)格以及高級(jí)功能后，單擊設(shè)置框右下方“保存”按鈕，以保存所設(shè)置的內(nèi)容。

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

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

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

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

根據(jù)需要還可以對(duì)這個(gè)組件做以下操作，具體請(qǐng)單擊以下鏈接了解。

5、單擊查看如何編輯組件的樣式？

組件的“編輯樣式”功能主要可以編輯此組件的以下內(nèi)容：組件背景、組件邊框、組件邊距、文字字號(hào)、顏色等，根據(jù)需求選擇使用；

組件的“編輯樣式”功能操作入口：所有組件的“編輯樣式”功能操作入口都是一樣的，具體操作方法請(qǐng)單擊查看如何編輯組件的樣式？

6、單擊查看如何應(yīng)用組件？

通過組件的“應(yīng)用組件”功能，可以將當(dāng)前頁面的組件應(yīng)用到其他頁面上，因?yàn)樵砩纤鼈兪峭粋€(gè)組件，所以在任何被應(yīng)用到的頁面上編輯/刪除組件時(shí)，被應(yīng)用的頁面會(huì)一起變化，這個(gè)是“應(yīng)用組件”和“復(fù)制組件”最本質(zhì)的區(qū)別。此功能經(jīng)常用于面包屑導(dǎo)航、產(chǎn)品分類組件、文章分類組件等。被應(yīng)用過去的組件會(huì)出現(xiàn)在頁面的最底端，可以用鼠標(biāo)左鍵按住組件名稱拖動(dòng)到需要的位置；

組件的“應(yīng)用組件”功能操作入口：所有組件的“應(yīng)用組件”功能操作入口都是一樣的，具體操作方法請(qǐng)單擊查看如何應(yīng)用組件？

7、單擊查看如何刪除組件？

如果確定不需要這個(gè)組件了，可以通過“刪除組件”按鈕把此組件刪除掉，被刪除的組件會(huì)默認(rèn)放到組件回收站中。

組件的“刪除組件”功能操作入口：所有組件的“刪除組件”功能操作入口都是一樣的，具體操作方法請(qǐng)單擊查看如何刪除組件？

8、單擊查看如何恢復(fù)組件？

如果需要恢復(fù)已經(jīng)刪除的組件，可以到組件回收站中，找到對(duì)應(yīng)的組件，然后執(zhí)行【還原】操作，即可恢復(fù)此組件到原有的頁面上，通常會(huì)位于頁面的最底端。

恢復(fù)組件的操作入口：所有組件的恢復(fù)功能操作入口都是一樣的，具體請(qǐng)單擊查看如何恢復(fù)組件？

三.組件優(yōu)化

1.滾動(dòng)新聞組件新增默認(rèn)不滾動(dòng)功能；    （2018-5-11優(yōu)化）

 （1）新增功能應(yīng)用場(chǎng)景：滾動(dòng)新聞組件有些用戶希望可以增加不滾動(dòng)選項(xiàng)，在設(shè)置之后才會(huì)顯示滾動(dòng)；

 （2）新增功能操作方法：