專業版功能-呼叫動作

插入元件- 呼叫動作: #

畫布上呈現插入呼叫動作元件畫面。

點選呼叫動作段(螢光處)可編輯「段」佈局、樣式、進階功能。

點選「段」。

將游標移到畫布上呼叫動作內容處,將於右上角出現編輯呼叫動作符號,點選進入編輯呼叫動作。

點擊內容或右上角螢光處編輯符號。

編輯呼叫動作–內容 #

點選編輯呼叫動作後,出現編輯呼叫動作,一樣包含內容、樣式、進階,可逐步針對需求做編輯。

編輯呼叫動作-內容。

編輯呼叫動作–內容,可以編輯圖片、內容、緞帶三大部分。

就內容–圖片,可編輯圖片呈現的外觀及位置,並可插入圖片。

編輯呼叫動作-內容-圖片。

範例將編輯呼叫動作-內容-圖片,選擇外觀為覆蓋,並於選擇圖片透過上傳檔案插入圖片。

畫布上呼叫動作,依照上述編輯內容–圖片呈現變更的畫面。

編輯呼叫動作–內容–內容,可編輯段內圖片背景上是否增加圖片或圖示等圖形元素、標題與描述文本、按鈕文本與按鈕連結。

※設定連結時,請輸入正確的連結網址,不可輸入中文;輸入中文連結,將導致連結無效。

呼叫動作-內容-內容。

範例將編輯呼叫動作-內容-內容中,圖形元素設為無,並編輯按鈕文本內容由點擊這裡更改為查看更多。

內容-編輯內容設定。

畫布上呼叫動作,依照上述變更呈現的設定。

畫布呈現範例變更的內容。

另外也得依照設計需求,選擇是否使用緞帶;於緞帶–標題方框,輸入欲使用的文字即可啟動緞帶。

範例中,將標題輸入文字NEW。

畫布上呼叫動作,依照上述編輯緞帶標題呈現的畫面。

畫布右上角呈現緞帶內容。

編輯呼叫動作–樣式 #

各元件於樣式版面,功能大致相同,主要為調整每個元件中各元素的顏色或尺寸。

編輯呼叫動作-樣式,針對呼叫動作段內所有元素:方框、內容、按鈕、緞帶、懸停效果五個選單設定。

方框,調整於畫布上所呈現元素整體方框大小,整體內容置左、置中或置右,垂直置上、置中、置下,內容與段內之間的距離。

內容,調整內容中標題與描述文本的字體、大小、顏色等,標題與描述間的間距與描述與按鈕之間的間距。

按鈕,調整按鈕大小,按鈕內文本的字體、大小、顏色,按鈕懸停效果(懸停為當游標移至按鈕上時,所呈現顏色等效果)。

緞帶,調整緞帶顏色,文本的字體、大小、顏色,與段角落的間距,以及是否有陰影。

懸停效果,調整整體包含圖片(背景)或內容(標題與描述)的懸停效果。

範例於呼叫動作-樣式中方框編輯高度為500PX及對齊置中。

編輯呼叫動作-樣式-方框。

範例於呼叫動作-樣式-內容編輯標題文本尺寸為30PX。

範例於呼叫動作-樣式-內容編輯描述文本尺寸16PX。

範例於呼叫動作-樣式-內容調整標體與描述間與描述與按鈕間的間距。

範例於呼叫動作-樣式-按鈕,調整按鈕顏色與按鈕邊框顏色為黑色。
點選顏色方框(螢光處),透過色彩選擇器選擇需求顏色或直接輸入色碼。

範例於呼叫動作-樣式-按鈕,透過滑動或直接輸入數字於方框來調整按鈕邊框圓角。

範例於呼叫動作-樣式-緞帶,調整緞帶整體顏色為藍色,調整與段邊角距離為20PX。

編輯呼叫動作-樣式-懸停效果,可以依照喜好設定欲呈現的動態效果。

範例於呼叫動作-樣式所編輯方框、內容、按鈕、緞帶、懸停,於畫布上呈現的變化。

未編輯樣式前畫布。
編輯樣式後呼叫動作於畫布呈現的變化。