開始使用 Wix以 Wix 建立網站和商家。歡迎使用我們的 AI 工具來建立網站、自訂範本或雇用專業人員,樹立網上形象。
建立網站了解如何以 Wix 工具建立並管理網站。您也可在此找到更多關於 AI 工具、網站訪客隱私權和無障礙的資訊。
帳戶與帳單檢閱帳戶設定,設定訂閱與方案,查看請款單。
使用 Wix 行動應用程式歡迎使用 Wix 行動應用程式,隨時隨地處理業務,並以專屬應用程式吸引網站會員互動。
連結網域以逐步指南了解如何購買、連結或轉移網站網域,並學習如何確保網站資料安全。
Studio、夥伴與 Enterprise善用 Studio 或 Enterprise 帳戶,以進階功能提升效率。
需要協助?尋找網站與技術支援,了解已知問題,或聯絡我們要求協助。
placeholder-preview-image
Wix Learn以課程和教學加強技能。
Wix 部落格學習網頁設計、行銷等範疇的秘訣。
SEO 學習中心學習如何提升來自搜尋引擎的自然網站流量。
網站開發以全端平台建立自訂網站。
placeholder-preview-image

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

自訂文字與圖示按鈕,打造理想外觀。視需要更新按鈕文字、設計按鈕外觀,並調整版面配置(例如位置、間距等)。

變更按鈕文字

輸入按鈕文字,鼓勵訪客與網站互動。可使用「聯絡我們」、「閱讀更多」或「立即購買」等文字。

變更按鈕文字:

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

按鈕設計

您可設計按鈕,使其符合網站外觀與需求。請調整各個按鈕狀態的設計:
  • 固定:互動前的按鈕顯示方式。
  • 浮動:游標停留在按鈕上時的顯示方式。

設計按鈕:

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

調整按鈕版面配置

變更按鈕上文字及/或圖示的位置、對齊方式和間距。還可決定按鈕空間不足以顯示完整文字時的呈現方式。

調整按鈕版面配置的方法:

  1. 前往編輯器。
  2. 點擊頁面上的按鈕。
  3. 點擊「版面配置」圖示 。
  4. 調整下列任一設定:
    • 選擇顯示內容:決定按鈕上要顯示的內容:「文字和圖示」、「僅顯示文字」、「僅顯示圖示」或「不顯示任何內容」。
    • 文字和圖示位置:若選擇同時顯示文字和圖示,請決定要並排還是上下排列。
    • 文字和圖示之間的間距:若選擇同時顯示文字和圖示,請拖曳滑桿設定兩者之間的間距(以像素為單位)。
    • 對齊方式:將文字和圖示靠按鈕左側、置中或靠右對齊。點擊「分散對齊」,還可讓兩者分別與按鈕的兩側邊距對齊。
也可在「設定」面板中選擇按鈕要顯示文字、圖示或兩者。
Wix 編輯器中的按鈕版面配置面板。