top of page


數位茄子研究院


Wix 編輯器教學|第11課:Wix手機版調整實作流程 元素調整隱 藏手機專屬元件與選單Icon設定
手機版的重點不是把畫面塞進去,而是把閱讀順序排順,把可點擊區域做大把導覽入口留在使用者看得到的位置。本課用 七步驟 帶你把這三件事落實到Wix手機版編輯器的每個操作。 行動版編輯模式 桌機元素 隱藏不適合手機的元素 加入只在手機顯示的元素 認識手機選單 行動版 header 滑動設定 選單icon與header設定技巧 一. 進入Wix手機版調整編輯模式 打開Wix編輯器後,在左上方工具列找到裝置切換功能點選手機圖示切換到行動版,切換後你看到的排列與調整,都只會影響手機版不會改到桌機版,這點非常重要!你可以放心調整 二. 先處理自動帶入的桌機元素 Wix會把桌機元素自動帶到手機版,你的第一件事不是重做 而是整理建議用由上到下的方式逐一點選元素,依序完成三個調整 第一調整大小 文字不要小到需要放大閱讀,圖片不要大到把首屏擠爆,先讓畫面舒服再談美感 第二調整位置 手機版的閱讀路徑以由上到下為主,確保 標題 / 內文 / 按鈕 / 圖片 的順序符合閱讀直覺,避免左右交錯造成找不到重點。 第三視需要調整元素 設定依元素類型不同,你可能需要改按鈕樣式 /

數位茄子
2025年12月25日

bottom of page
