如何使用鏈接組件？

一、什麼是鏈接組件？

鏈接組件是一個展示帶有鏈接的文本模塊，通過給文本添加鏈接，實現文本向鏈接的轉化，增加網頁與網頁間的互通性。鏈接組件的應用場景還是相當廣泛的，在很多場景起到了網頁與網頁間橋樑的作用，比如在不便於放置圖片、按鈕的純文本位置添加鏈接，仍然可以實現網頁與網頁間跳轉的功能。

二、如何使用鏈接組件？

1、如何查看鏈接組件是否已經存在？

如果這個鏈接組件已經存在了，就不需要再添加，直接根據需要進行相關操作就可以（具體操作見下文所述）；

如果你的頁面上需要這個組件，但是還沒有添加，就需要先添加鏈接組件了.

2、如何添加鏈接組件？

在頁面上添加組件的方法都是一樣的.

添加的組件名稱為“鏈接”，如下圖所示：

3、如何設置鏈接組件？

在組件的設置項中，可以設置組件的內容、風格。

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

1）此組件已經添加好的場景：進入所有這類組件設置項方法都是一樣的.

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

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

在內容頁簽下，支持輸入鏈接文字以及給文字加超鏈接。

鏈接文字：在下圖所示輸入框中輸入鏈接文字；

鏈接地址：單擊下圖所示的小鏈接按鈕，可以給文字添加鏈接，單擊查看鏈接類型介紹；

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

文字樣式支持默認和自定義。

如果選擇自定義文字樣式，支持設置字體大小、行高、對齊方式、顏色、文字樣式（加粗、斜體、下劃線）、鼠標懸停在文字上的文字顏色、懸停文字樣式（加粗、斜體、下劃線），如下圖所示：

3.4 保存組件設置中的內容

組件的內容和風格設置好以後，單擊設置框右下角的“保存”按鈕；

4、保存、預覽、發布

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

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

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