維看幫助中心

如何使用滾動新聞組件?

瀏覽數量:332     作者:本站編輯     發佈時間: 2018-02-07      來源:本站

一、什麼是滾動新聞組件?


滾動新聞組件是一個滾動播放新聞的模塊,支持單行一條新聞滾動,也支持若干條新聞橫向或縱向滾動。滾動新聞組件可以應用在首頁,比如banner下方可以添加一個滾動新聞組件,選擇橫向單條滾動展示,動態播放公司的最新新聞或資訊,也可以在首頁側欄添加一個滾動新聞組件,選擇縱向輪播,實現公司新聞的輪流播放。


二、如何使用滾動新聞組件?


1、如何查看滾動新聞組件是否已經存在?

如果你的頁面上已經有這個組件了,就不需要再添加,直接根據需要進行相關操作就可以(具體操作見下文所述);

如果你的頁面上需要這個組件,但是還沒有添加,就需要先添加滾動新聞組件了;怎麼判斷頁面上有沒有這個組件?單擊查看如何查看某一塊內容是使用什麼組件製作的?


2、如何添加滾動新聞組件?

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

添加的組件名稱為“滾動新聞”,如下圖所示:

滾動新聞組件.jpg


3、如何設置滾動新聞組件?


3.1 進入組件的“設置”分兩種場景

1)此組件已經添加好的場景:進入所有這類組件設置項方法都是一樣的,可以參考這個攻略:如何進入組件的設置項?

2)新添加的組件的場景:在添加此組件時會彈出這個組件的的設置話框。


3.2在組件的設置中可以設置組件展示的內容

組件標題:即滾動新聞組件的標題,若輸入,就會顯示,若不輸入,則不顯示也不佔位;

請選擇顯示分類下的文章:如果你的文章劃分了文章分類,在這裡可以選擇展示所有文章分類下的文章,也可以選擇部分分類下的文章;

顯示文章總數量:支持設置顯示的文章總數量;

顯示更多:如果這裡沒有顯示所有的文章,可以設置一個文字超鏈接,單擊可以跳轉到文章總列表頁面,單擊查看“顯示更多”鏈接類型介紹

設置組件內容.png



3.3在組件的設置中可以設置組件的高級功能
文章打開方式:可以根據需要選擇文章打開方式,當前窗口或者新窗口;
可視文章個數:可以根據需要選擇頁面上一行可視文章的數量;
滾動速度:可以根據需要調整文章滾動的速度;
顯示設置:可以根據需要選擇是否要顯示日期;

設置組件高級功能.png


3.4在組件的設置中可以設置組件的風格

選擇不同的風格,支持設置的內容也是不一樣的,詳細情況如下:

3.4.1 選擇下圖所示風格,支持多條文章標題向上/向下滾動、單擊文章標題可以進入文章詳情頁面,支持設置文章標題前是否顯示圖標。

風格一.png


3.4.2 選擇下圖所示風格,組件自動調取文章標題、日期,向左/向右滾動,單擊文章標題可以跳轉到文章詳情頁面,支持設置文章標題前是否顯示圖標。

風格2.jpg


3.4.3選擇下圖所示風格,組件自動調取文章附圖、日期、文章標題、文章摘要,向左或向右滾動,單擊文章附圖或文章標題可跳轉到文章詳情頁面,支持統一設置文章附圖的寬度與高度。

風格三.png


3.4.4 選擇下圖所示風格,即圖片幻燈片輪播的風格,組件自動調取文章的附圖依次以幻燈片的形式展示,單擊每個文章的附圖鏈接到文章詳情,支持統一設置文章附圖的寬度與高度。

風格四.jpg


3.4.5 選擇下圖所示風格,組件自動調取文章附圖、日期、文章標題、文章摘要縱向滾動播放,單擊文章附圖或文章標題均可跳轉到文章詳情頁面。適合在頁面側邊欄縱向滾動展示

風格5.jpg


3.5設置好滾動文章組件的內容、風格以及高級功能後,單擊設置框右下方“保存”按鈕,以保存所設置的內容。

單擊保存.png


4、保存、預覽、發布

設置好以上內容以後要單擊頁面右上角的“保存”按鈕,目的是把此修改保存到網站後台;

然後可以單擊“預覽”按鈕查看不同終端下展示的效果,如果不合適可以到後台再做修改;

如果需要讓訪客也看到,請單擊頁面右上角的“發布”按鈕,發布之後稍等兩分鐘左右即可看網站前台展示效果。

保存預覽發布.png




三.組件優化

1.滾動新聞組件新增默認不滾動功能; (2018-5-11優化)

(1)新增功能應用場景:滾動新聞組件有些用戶希望可以增加不滾動選項,在設置之後才會顯示滾動;

(2)新增功能操作方法:

QQ圖片20180514140100


建站流程

找不到你的問題?
135-6001-3420
seoprixcom@gmail.com
214227632
Facebook
Twitter
Google
LinkedIn
Instagram
維看雲建站系統
專業外貿建站系統,為您打造一個適合谷歌的優化網站!
  • 客服QQ
    214227632
  • 微信手機
    (852) 6741 8807
  • 郵箱
    seoprixcom@gmail.com