維看幫助中心

如何使用文本組件?

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

一、什麼是文本組件?


文本組件是一個在頁面上展示一段文本的模塊,通過所見即所得的富文本編輯器可以靈活編輯文本內容,支持純文本、超鏈接文字、圖標字體。通過編輯器的工具條可以編輯文字的粗細、斜體、下劃線、清除樣式、設置編號、調整文字對齊方式(居左、居中、居右、兩端對齊)、文字段落、文字字體、文字大小、文字顏色、插入圖標字體、更改字體背景色等。文本組件的應用場景很廣泛、在需要展示一段文字的地方都可以添加文本組件。



二、如何使用文本組件?

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

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

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


2、如何添加文本組件?

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

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

添加文本組件.png



3、如何設置文本組件?


3.1 設置文本組件展示的內容


設置文本組件內容與其它組件方法不一樣,文本組件使用富文本編輯器編輯內容。操作步驟如下:

1)添加好文本組件之後,把鼠標放到新添加的文本組件區域,然後單擊鼠標左鍵定位光標,編輯文本內容即可,如果是從word、PPT、excel、網頁等處複製的內容,一定要先把這些內容放到記事本中,然後再從記事本複制粘貼到文本組件中,目的是去除文字原有的樣式避免顯示不正常等問題。

2)定位好光標以後,工具條就會出現,常用操作如下:


★ 如何給文本加超鏈接?

第1步:先選中要加鏈接的文字,然後單擊工具條上的超鏈接按鈕,超鏈接類型選擇“地址”,協議選擇“http://”,然後輸入要跳轉到的頁面地址( URL),再點擊“確定”,如下圖所示;

加超鏈接.png


第2步:如果需要在新窗口中打開此鏈接的話,可以單擊“目標”,然後在目標窗口處選擇“新窗口”,最後單擊“確定”,如下圖所示;

選擇新窗口.png


第3步:如果要給加了超鏈接的文字設置顏色,可以先選中文本,然後設置顏色,如下圖所示。

給文本加顏色.jpg


★ 如何實現單擊郵箱(郵件地址)直接到發送郵件的客戶端?

第1步:先選中郵箱,然後單擊工具條上的超鏈接按鈕,超鏈接類型選擇“電子郵件”,在\"地址\"處輸入郵箱,然後單擊“確定”,如下圖所示;

選中郵箱.png


第2步:如果要給加了超鏈接的郵件地址設置顏色,可以先選中郵箱,然後設置顏色,如下圖所示。

給郵箱設置顏色.jpg


第3步:如果訪客電腦上安裝了1個客戶端(客戶端舉例:outlook、foxmail),訪客單擊郵箱時會直接跳轉到客戶端發郵件界面;如果訪客電腦上安裝多個客戶端,會讓選擇用哪個打開;如果訪客電腦上沒有安裝客戶端,會讓選擇在web端發送郵件。


★ 如何添加圖標字體並且設置字體顏色?

第1步:在添加圖標字體的位置單擊鼠標左鍵定位光標;

第2步:單擊工具條上的“圖標字體庫”按鈕,彈出“選擇圖標”對話框,單擊選擇一個圖標,單擊“確定”;

第3步:像設置普通的文字一樣去給圖標設置顏色就可以,先選中,然後使用工具條上的顏色設置就可以。

添加圖標字體.png


如何在文本組件中給文字添加H標籤?

先選中要加H標籤的文字,然後出現富文本編輯器工具條,單擊工具條中的“段落”右側下拉小箭頭,可以給選中的文字設置H標籤,如下圖所示:

給文字設置H標籤.png


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

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

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


3.3在組件的設置中可以設置組件的特效

選擇頁面初次加載的文字特效:頁面初次加載文字時,可以設置一些文字特效,如下圖所示:

特效.jpg


3.4在組件的設置中可以設置組件的高級功能

有的文本組件文字在PC端顯示的字號是合適的,但是到了PAD或手機端就太大了,這種情況就可以自定義PAD或手機端文字大小了。文本組件支持自定義不同設備下的文字大小。

高級功能.png


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

文本組件支持自定義文字風格,可以設置初始狀態下的文字顏色、背景顏色,也支持設置鼠標懸浮到文字上時的文字顏色、背景顏色。

設置風格.jpg


3.6設置好文本組件的特效。高級功能和風格後,單擊設置框右下方“保存”按鈕,以保存所設置的。

保存.png


4、保存、預覽、發布

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

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

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

保存預覽發布.png


根據需要還可以對這個組件做以下操作,具體請單擊以下鏈接了解。


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

組件的“編輯樣式”功能主要可以編輯此組件的以下內容:組件背景、組件邊框、組件邊距、文字字號、顏色等,根據需求選擇使用;

組件的“編輯樣式”功能操作入口:所有組件的“編輯樣式”功能操作入口都是一樣的,具體操作方法請單擊查看如何編輯組件的樣式


6、單擊查看如何應用組件?

通過組件的“應用組件”功能,可以將當前頁面的組件應用到其他頁面上,因為原理上它們是同一個組件,所以在任何被應用到的頁面上編輯/刪除組件時,被應用的頁面會一起變化,這個是“應用組件”和“複製組件”最本質的區別。此功能經常用於麵包屑導航、產品分類組件、文章分類組件等。被應用過去的組件會出現在頁面的最底端,可以用鼠標左鍵按住組件名稱拖動到需要的位置;

組件的“應用組件”功能操作入口:所有組件的“應用組件”功能操作入口都是一樣的,具體操作方法請單擊查看如何應用組件?


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

如果確定不需要這個組件了,可以通過“刪除組件”按鈕把此組件刪除掉,被刪除的組件會默認放到組件回收站中。

組件的“刪除組件”功能操作入口:所有組件的“刪除組件”功能操作入口都是一樣的,具體操作方法請單擊查看如何刪除組件?


8、單擊查看如何恢復組件?

如果需要恢復已經刪除的組件,可以到組件回收站中,找到對應的組件,然後執行【還原】操作,即可恢復此組件到原有的頁面上,通常會位於頁面的最底端。

恢復組件的操作入口:所有組件的恢復功能操作入口都是一樣的,具體請單擊查看如何恢復組件?



建站流程

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