維看幫助中心

如何使用文章頁簽組件?

瀏覽數量:122     作者:本站編輯     發佈時間: 2017-02-16      來源:本站

一、什麼是文章頁簽組件?


文章頁簽組件是一個以頁簽切換形式展示不同分類下文章的模塊,文章頁簽組件一般應用在網站首頁上,針對有多個文章分類的情況,建議選擇3~5個重點推廣或更新的文章分類,每個分類下顯示幾條新聞,定期更新文章內容達到網站首頁的活躍度。



二、如何使用文章頁簽組件?


1、如何查看文章頁簽組件是否已經存在?

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

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


2、如何添加文章頁簽組件?

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

添加的組件名稱為“文章頁簽”,如下圖所示:

添加文章頁簽組件.jpg



3、如何設置文章頁簽組件?


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

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

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


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

組件標題:即文章列表組件的標題,若輸入,就會顯示,顯示位置如下圖所示,若不輸入,組件標題欄就不會出現;

請選擇顯示分類下的文章:在這裡可以選擇顯示哪些分類下的文章,可以選擇所有的,也可以選擇一部分;

每個頁簽顯示的文章數量:在這裡可以設置每個頁簽顯示的文章數量;

顯示更多:若顯示“更多“,單擊“更多”將連接到對應文章分類;

設置內容.jpg


3.3 在組件的設置中可以設置組件展示的風格

文章頁簽組件支持不同的頁簽風格、也支持豐富多樣的文章列表風格、支持在文章標題前添加圖標。

風格.png


3.3.1 選擇頁簽風格

選擇第1種頁簽風格(如下圖所示):

選擇第1種頁簽風格.jpg


然後,單擊“展開設置”,支持設置以下內容:


頁簽按鈕位置:居左、居中,居右,指的是對於組件來講的;

頁簽按鈕高度:拖動小按鈕可以調整頁簽按鈕的高度;

頁簽按鈕寬度:支持設置按鈕為固定寬度,也支持固定按鈕左右邊距;

頁簽字體大小:支持設置頁簽字體大小,以此設置為準;

頁簽按鈕默認樣式:支持設置默認的按鈕背景顏色、文字顏色;

頁簽按鈕選中樣式:支持設置選擇按鈕時的按鈕背景顏色、文字顏色;

第一種風格支持設置的內容.jpg


選擇第2種頁簽風格(如下圖所示):

選擇第二種風格.png


然後,單擊“展開設置”,支持設置以下內容:


頁簽按鈕位置:居左、居中,居右,指的是對於組件來講的;

頁簽按鈕高度:拖動小按鈕可以調整頁簽按鈕的高度;

頁簽按鈕寬度:支持設置按鈕為固定寬度,也支持固定按鈕左右邊距;

頁簽字體大小:支持設置頁簽字體大小,以此設置為準;

頁簽按鈕下方線條顏色:支持設置頁簽按鈕下方線條顏色;

頁簽按鈕默認樣式--文字顏色:支持設置默認的文字顏色;

頁簽按鈕選中樣式:支持設置選中按鈕時的文字顏色、下邊線色;

文章頁簽第二種風格支持設置的內容.png


3.3.2 選擇文章列表風格

如下圖所示:

風格1:組件調取文章標題、發布日期,以文章列表形式展示;

風格2:組件調取文章標題、文章摘要,以文章列表形式展示;

風格3:組件自動調取文章附圖、文章標題、文章摘要、發布日期,以文章列表形式展示,支持設置文章附圖的寬度與高度;

風格4:組件自動調取文章附圖、文章標題、發布日期、文章摘要,以圖文的形式展示出來,PC端一行展示3個,不支持再增加,這個數量設置最美觀。

文章列表風格.png


3.3.3 添加列表圖標

支持在文章標題前添加小圖標,有豐富多樣的小圖標供選擇,展示效果如下圖所示:

添加列表圖標.png


3.4設置好文章頁簽組件的內容和風格後,單擊設置框右下方“保存”按鈕,以保存所設置的。

保存.png


4、保存、預覽、發布

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

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

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

保存預覽發布.png



三.組件優化



1.文章頁簽組件新增頁籤的設置項; (2017-9-30優化)

(1)新增功能應用場景:增加頁籤的設置項,可以調整頁簽邊框顏色、粗細和弧度,讓頁簽組件展示更多樣化;

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

QQ圖片20180515133209


建站流程

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