維看幫助中心

如何使用圖文展示組件?

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

一、什麼是圖文展示組件?


圖文展示組件是一個展示純文字或圖文混排內容的模塊。圖文展示組件的應用場景很廣泛,在需要展示圖片和文字的地方都可以用這個組件。通過富文本編輯器的工具條可以從本地上傳圖片、從資料庫選擇圖片、上傳需要直接點擊下載的文件,支持調整文字對齊方式(居左、居中、居右、兩端對齊)、文字字體、文字大小、文字顏色、插入圖標字體、更改字體背景色等。



二、如何使用圖文展示組件?


1、如何查看圖文展示組件是否已經存在?

如果這個圖文展示組件已經存在了,就不需要再添加,直接根據需要進行相關操作就可以(具體操作見下文所述);

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


2、如何添加圖文展示組件?

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

添加的組件名稱為“圖文展示”,如下圖1所示:

圖1:

圖文展示組件.jpg



3、如何設置圖文展示組件?


在組件的設置中可以設置組件的標題文字、“更多”鏈接以及頁面初次加載文字的特效。


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

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

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


3.2在組件的設置中設置組件標題文字、“更多”鏈接、頁面初次加載文字的特效(如圖2)

組件標題:根據需要決定填寫或不填寫,不填寫不顯示也不佔位置,若填寫則顯示在組件標題的位置;

“更多”鏈接:根據需要選擇是否顯示更多文字鏈接,若需要,單擊下圖2所示的小鍊子,然後設置鏈接,單擊查看“鏈接類型介紹”;

特效:支持設置頁面初次加載的文字特效,如下圖2所示;

圖2:

設置.jpg



3.3 在圖文展示組件的富文本編輯器中添加圖片、添加文字超鏈接、上傳文件。

添加圖片及調整圖片與文字的排版/給圖片加ALt和標題屬性

給文字加超鏈接、上傳文檔、給文字加H標籤、使用圖標字體見下圖3所示;

圖3:

富文本支持的設置.png


設置好以上內容之後,單擊頁面右上角的“保存”按鈕:

單擊保存.jpg



4、保存、預覽、發布

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

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

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

保存預覽發布.png


建站流程

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