header-logo
了解如何以 Wix 建立網站和商家。
了解如何建立、管理並維護 Wix 網站。
管理訂閱、方案與請款單。
處理業務,與會員連繫。
學習如何購買、連結或轉移網站網域。
以進階功能提升效率。
尋求解決方法,了解已知問題,或聯絡我們。
placeholder-preview-image
以課程和教學加強技能。
學習網頁設計、行銷等範疇的秘訣。
學習如何提升來自搜尋引擎的自然網站流量。
以全端平台建立自訂網站。
與專家配對,幫助實現目標。
placeholder-preview-image

Wix 編輯器:自訂文字和圖示按鈕

2 分鐘
個人化文字和圖示按鈕,使其符合您偏好的外觀。視需求更新按鈕文字、設計按鈕外觀並調整版面配置(例如:位置、間距及尚有...項)。

變更按鈕文字

請輸入按鈕文字以鼓勵訪客與網站互動。常見範例包括「聯絡我們」、「閱讀更多」或「立即購買」。

若要變更按鈕文字:

  1. 前往編輯器
  2. 點擊頁面上的按鈕。
  3. 點擊設定
  4. (選填)點擊選擇顯示內容下拉式選單並選擇一個選項:文字和圖示圖示僅文字不顯示
  5. 文字下方編輯按鈕上顯現的文字。
Wix 編輯器中的「按鈕設定面板」
您也可從「版面配置」面板選擇按鈕上要顯示的內容(例如:文字、圖示或兩者皆有)。

設計按鈕

設計按鈕是使其符合網站外觀和需求的絕佳方式。請為每個按鈕狀態調整設計:
  • 固定:按鈕在互動前的顯示方式。
  • 浮動:游標懸停在按鈕上時的顯示方式。

若要設計按鈕:

  1. 前往編輯器
  2. 點擊頁面上的按鈕。
  3. 點擊「設計」圖示
  4. 點擊「自訂設計」。
  5. 選擇按鈕狀態。
  6. 根據需求調整設計:
    • 背景填滿:選擇背景色彩並調整不透明度。
    • 文字:調整文字的主題、色彩、字型、大小和格式。
    • 邊框:
    • 調整邊框的色彩、不透明度和寬度。
    • 圓角:使用方塊調整按鈕圓角的 Pix 大小。
    • 陰影:為按鈕新增並自訂陰影。
    • 版面配置:編輯按鈕的版面配置和對齊方式。
    • 圖示:顯示帶有文字的圖示並調整其設定。
Wix 編輯器中的按鈕設計面板

調整按鈕版面配置

變更按鈕文字和/或圖示之間的對齊方式、位置和間距。您也可決定當按鈕空間不足以顯示完整文字時的處理方式。

若要調整按鈕版面配置:

  1. 前往編輯器
  2. 點擊頁面上的按鈕。
  3. 點擊「版面配置」圖示
  4. 調整以下任一設定:
    • 選擇顯示內容:決定按鈕上顯示的內容:文字和圖示僅文字僅圖示
    • 文字和圖示位置:選擇同時顯示文字和圖示時,決定其排列位置:並排或上下排列。
    • 文字和圖示間距:選擇同時顯示文字和圖示時,拖曳滑桿以設定兩者之間的間距(單位為像素)。
    • 對齊方式:將文字和圖示對齊按鈕的左側、中間或右側。點擊「左右對齊,即可將其對齊按鈕的兩端邊距。
您也可從「設定」面板選擇按鈕上要顯示的內容(例如:文字、圖示或兩者皆有)。
Wix 編輯器中的按鈕版面配置面板。