按鈕可充當您的號召性用語 (CTA),並連接到頁面、表單、資產等。
在本課程中,您將了解:
- 按鈕的主要概念
- 將超連結部分個人化為按鈕的方法
按鈕的主要概念
要將按鈕引入您的網站:
- 前往 新增面板 > 元素 > 基本的
- 放下一個 按鈕 元素到 Webflow 畫布上
您可以透過兩種方式修改預設按鈕文字:
- 按兩下 按鈕 並編輯文本
- 突出顯示 按鈕 並擊中 進入/返回
您也可以調整按鈕的顏色。若要變更按鈕的背景顏色:
- 選擇 按鈕
- 訪問 風格面板 > 背景
- 點擊樣本以顯示顏色選擇器
- 選擇顏色
按鈕可以連結到 URL、內部或外部頁面、頁面部分、文件下載,也可以發起電子郵件或電話通話。您可以透過選擇畫布上的按鈕,然後導航到 元素設定 > 連結設定 或點選“齒輪” 畫布上按鈕元素上的圖示。進一步探索連結設定。
將超連結部分個人化為按鈕的方法
超連結部分類似於 div 區塊——一個可以在其中插入元素的容器。您可以獲得 超連結部分 來自 新增面板 > 基本的 區域。
之後移動到 新增面板 > 版式 並拖曳一個 文字區塊 在 - 的裡面 超連結部分。您可以雙擊來編輯文字。要消除下劃線,請繼續 風格面板 > 版式 > 風格 並按 “X“ 在 裝飾.
Ewan Mak 的最新帖子 (看全部)
- 包含或消除工作區點和成員 - 2024 年 4 月 15 日
- 定心框總結 - 2024 年 4 月 15 日
- 儲存站點以供日後參考 - 2024 年 4 月 15 日