數位茄子研究院

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

做Wix手機版調整最常見的誤會，就是把它當成桌機版的縮小版。實務上，手機版更像是「同一份內容，換一種更好讀、更好點的呈現方式」。本課會用三個核心概念，帶你掌握行動版調整的正確方向，並把最常用的操作流程整理成可直接照做的步驟。 淺談 RWD RWD （ Responsive Web Design，響應式網站設計 ）是一種讓同一個網站能自動適應不同裝置螢幕尺寸的設計方法。當使用者從桌機到手機瀏覽時，版面會依螢幕寬度重新排列內容，例如欄位由多欄變單欄、文字與圖片調整比例、按鈕變得更好點擊，確保閱讀與操作體驗一致。重點不在「把桌機縮小」，而是在不同裝置上用更合理的方式呈現同一份資訊，讓使用者更快找到重點並完成下一步操作。 延伸閱讀 : RWD響應式設計是什麼? 你也能懂的白話版 切換到Wix手機版調整編輯器畫面，先用「檢查清單思維」快速掃描全頁 在開始調整任何元素之前，第一件事不是改字、不是改圖，而是先切到行動版編輯器，用「從上到下」的方式把整頁掃過一遍，找出手機上最常見的問題點。 這一步做得好，後面才不會越改越亂。 先不要急著拖拉元件 先用滑鼠滾輪從

使用Wix編輯器製做網站，你看到的字體、顏色和背景，其實都被「 網站主題 」打包管理。先把主題一次設定好，整個Wix網站的標題、段落和按鈕就會自動跟著同步，後續只要專心排內容就好。對於正在做客製化網站設計這種長期更新的專案來說，網站主題維持風格一致、還能幫你省下大量微調時間的秘密武器。 入口在哪？先找到「網站設計」面板 在Wix編輯器左側工具列找到「網站設計」圖示，這裡就是wix網站設計的視覺控制中心，你會看到四個主功能： 色彩主題、文字主題、頁面背景、頁面轉場效果 ，這四個一起決定你的Wix網站主題風格，也會影響整體的品牌網站架設與客製化網站設計呈現。 變更主題：先選一個基礎，再慢慢調整 在「網站設計」面板上方點「變更主題」，Wix會列出許多預先設計好的 Color & Text Theme，你可以先挑一組和你的品牌網站架設氣質接近的主題，讓整體 wix網站設計 先有基本風格，再往下微調。 Wix會列出許多預先設計好的各種網站主題 挑一組和你的網站氣質接近的主題再往下微調 這個步驟有點像是替Wix網站換一套「全站制服」，按一下就會同時套用到標題

當你已經會用圖片做wix網站版面，下一步就是學會用影片來說話。 這篇文章裡，數位茄子會帶你認識Wix內建的「影片製作程式」，從操作流程到放回 wix網站 的方式，一步一步拆解，讓你在做品牌網站架設、部落格網站設計或未來規劃客製化網站設計時，不再只靠靜態 Banner，而是用會動的畫面抓住訪客注意力，增加更多故事層次。 數位茄子Wix編輯器教學 | 第8課 : 影片製作者 先搞懂：Wix影片製作者功能是什麼？可以做什麼？ 簡單說，Wix影片製作者功能是一個線上的「影片模板加簡易剪輯工具」，你可以在瀏覽器裡完成整支影片，不需要安裝額外軟體。它設計給中小企業與個人創作者使用，特別適合做促銷影片、產品展示、公告新消息或社群貼文影片，做完之後可以直接嵌入 wix網站、分享到社群或下載檔案使用，對正在做wix網站設計、品牌網站架設來說，是提升專業度的好幫手。 多數數位茄子的客戶並不是專業剪輯師，而是正在經營自己的品牌、工作室或在地服務的老闆，所以工具越直覺越好。 透過這個影片製作者，你可以先選一個風格範本，再把圖片、影片片段與文字換成自己的內容，就能很快做出

這一課，數位茄子帶你用實戰方式玩懂 Wix 編輯器裡的圖片設定與圖庫功能，從單一圖片新增、圖庫版型選擇，到相片工作室修圖與去背，一次搞定 Wix網站設計、品牌網站架設 和 部落格網站設計 的視覺細節，做出真正有質感的客製化網站設計。 為什麼圖片設定是Wix網站設計 的關鍵 很多人在剛開始玩 wix網站設計 的時候，都是先「把圖片丟上去再說」，老闆自己想做品牌網站架設、行銷人員被交辦要做一個簡單的wix網站，結果圖片比例怪怪的，原本想做出專業感的客製化網站設計，最後卻跑圖，就算只是替自己小公司做官網，或是幫工作室做第一個品牌網站架設，圖片也都是整個wix網站的「門面」。 如果你是公司裡唯一懂一點設計的人，忽然被指派要完成 wix網站設計；或是你正在開店，想自己做一個形象網站設計來介紹店面；又或者你本身是自由工作者，希望做一個可以展示作品的客製化網站設計，這時候圖片就不只是放好看而已，而是要幫你說明「我是一家什麼樣的品牌」。 對數位茄子這種長期替客戶做 wix網站設計的 wix設計公司來說，我們會把客戶提供的圖片當成一整套視覺策略的一部分，特別是做在

如果你希望你的 Wix 網站看起來更專業、更高級、更有互動感，那「互動式懸浮方塊（Hover Box）」絕對是你必學的功能。 什麼是懸浮方塊 Hover Box？ 固定狀態（Before） 浮動狀態（After） 浮動方塊在哪些地方最常用？ 如何新增浮動方塊 Hover Box？ 現有方塊變成 Hover Box 浮動 方塊 3 個好看的設計技巧 常見問與答 什麼是互動式浮動方塊 Hover Box？ 互動式浮動方塊Hover Box由兩個狀態組成 1. 固定狀態（Before） 使用者還沒把滑鼠移上去時看到的畫面。 例如： 靜態圖片 簡短文字 乾淨封面 2. 浮動狀態（After） 滑鼠移上去後出現的新畫面。 例如： 顯示更多資訊 換成不同圖片 反轉背景色 顯示按鈕 顯示人物介紹 / 商品資訊 這就是 Hover Box 最大的魔法： 一個方塊，兩個世界。 浮動方塊在哪些地方最常用？ 這些都是 Hover Box 的完美使用場景： 團隊成員卡片（滑上去出現人員介紹） 作品集（滑上去顯示作品說明） 產品資訊（滑上去顯示商品規格或價格） 課程介紹（

Hero Section 打造品牌第一印象 作為一位 Wix 設計顧問，我們常說：「使用者是否願意滑下去，全看你首頁的第一區。」而這一區，在網站設計領域裡，我們稱為 —— Hero Section 。 本篇教學將以專業角度，完整解析「Wix 全螢幕投影片（Slideshow）」功能，幫助你打造有視覺震撼力、轉換力強的首頁開場設計。 為什麼使用新增全螢幕投影片？ 視覺抓眼球：  第一屏就是品牌舞台，吸住訪客視線 多元傳達：  一張圖片說不完？輪播 2–3 張，依序說出價值 動態感更高：  影片式滑動或淡入淡出，提升網站活力 情境式品牌敘事：  每張投影片可以承接不同服務切角 適合放在網站哪裡？ 最常見位置： 新增全螢幕投影片最常見的位置都在， 首頁 Hero 區塊（最上方全螢幕第一區） 但也可應用於： 專案展示頁（多組品牌作品輪播） 主打活動頁（不同活動圖輪播） 品牌理念介紹頁（用圖片＋字詮釋品牌故事） Hero 區塊新增全螢幕投影片教學 淺談投影片區塊應該怎麼設計？ 1. 每張投影片的組成建議： 背景圖片 or 背景影片（建議固定構圖） 主標語（

在本次Wix 編輯器教學中，我們將介紹 新增區段  的操作方法與應用技巧。透過這個功能，你可以快速套用版型模組，讓網站排版變得更有效率，即使是新手也能建立一致又專業的網站版面。這是 Wix 編輯器區塊新增方法 中最常使用的一項功能。 快速導覽：Wix新增區段教學 什麼是Wix新增區段？ 新增空白區段 新增區段模組 常見區段類型與應用範例 區段排版技巧Wix使用建議 自訂區段儲存功能Wix實作方式 新增區段複習影片 常見問題（FAQ） 什麼是Wix新增區段？ 為什麼比單一元件更好用？ Wix 新增區段  是一種快速建構網站內容的方法，它提供了預設設計好的區塊模組，例如服務介紹、作品展示、FAQ 等，使用者只要套用後進行簡單編輯，就能快速建構出清晰且一致的版面。 這些區段模組具備良好的間距與樣式設計，能幫助你省去從零開始堆疊元件的時間，是目前最實用的 Wix 編輯器區塊新增方法  之一 如何在 Wix 編輯器中加入區段？ wix編輯器中新增空白區段 圖一 方法一：使用「＋新增區段」按鈕 開啟你要編輯的頁面。 滑鼠滑動至欲新增區段的位置，點擊中央的

在本篇教學中，我們將深入探討如何使用 Wix 編輯器有效地管理網站的頁面與選單。透過學習新增、排序、隱藏頁面，以及設計主選單，您將能夠建立清晰且易於導航的網站架構，提升使用者體驗。 快速導覽：Wix頁面與選單管理教學 什麼是 Wix 的頁面與選單系統？ 新增與管理網站頁面 新增頁面複習影片 如何排序與建立子頁 Wix 隱藏頁面功能 新增選單顯示於頁首 Header 選單設計與使用者導覽邏輯 Wix 動態頁與靜態頁的應用場景 常見錯誤與最佳實踐 新手問題（FAQ） 什麼是 Wix 的頁面與選單系統？ Wix頁面與選單管理系統是網站架構的核心。 頁面分為靜態頁和動態頁，選單則用於引導訪客瀏覽不同的頁面。 頁面類型：靜態頁、動態頁 靜態頁 ：固定內容的頁面，如首頁、關於我們、聯絡我們等。 動態頁 ：透過資料集合自動生成的頁面，適用於部落格文章、產品頁等。 主選單與頁面結構的關係 主選單是網站的導航工具，通常位於頁首，包含網站的主要頁面連結。 透過選單，訪客可以快速找到所需的資訊。 如何新增 Wix 頁面 有效的頁面管理有助於網站內容的組織與維護。 如何

Wix 編輯器左側功能面板是進行網站建構時最重要的控制中心，本篇文章將帶你認識這些核心工具，包括新增元件、頁面管理、網站主題、應用程式、媒體資料與商務工具，幫助你掌握每個模組的應用情境，為網站設計打下扎實基礎。

如果你剛開始接觸Wix編輯器，可能會對上方與側邊的工具列感到陌生。 本篇Wix編輯器工具列教學文章將逐一解析編輯器中的每個實用工具，幫助你理解它們的功能、應用場景，並提供操作建議，讓你在設計網站時更有效率、不漏關鍵細節！ 快速導覽｜Wix編輯器工具列教學導覽 搜尋與預覽 儲存與發佈的差異 桌機與手機版切換的操作 調整縮放比例的應用建議 工具功能列解析（對齊、圖層、標尺等） 實用快捷功能（復原、重做、快速導覽） FAQ 常見問題 搜尋功能：快速定位任何工具 Wix 編輯器的「搜尋」功能位於畫面右上角，圖示是放大鏡。 功能說明： 可搜尋元件（如按鈕、圖庫）、項目等等 特別適合網站元件較多的情境 節省找應用程式、元件位置的時間 📌 應用建議 ：打「表單」就能快速跳到聯絡表單、訂閱表單的相關工具，不需從左方一層一層找。 Wix 編輯器右上角使用搜尋與預覽功能 預覽功能：上線前先檢查設計狀況 點擊「預覽」按鈕，即可看到使用者實際在瀏覽器中看到的網站畫面。 功能說明： 預覽模式不等於發佈，只是設計草稿的模擬呈現 支援桌機版與手機版畫面切換 可測試連結、互動

數位茄子是宜蘭在地的網站設計公司，專為中小企業打造品牌網站，使用Wix平台強化SEO與轉換效率。

網站設計和網頁設計是什麼？ 你可能也曾經這樣問自己： 「網站設計」和「網頁設計」到底差在哪？我只想弄個漂亮又能用的網站，是不是只要會做一頁就好了？ 別急，這篇文章就讓我們數位茄子用 最白話又不失專業的方式 ，帶你把這兩個常被混淆的名詞—— 網站設計  & 網頁設計...

（適用公司官網、品牌形象網站、介紹型網站） 你知道嗎？就算你的網站設計再漂亮、動畫再華麗，如果使用者找不到他想看的資訊，這個網站就算失敗了。所以，在設計網站前， 先把資訊分類、導覽方式、用詞命名等基本功搞定 ，才能讓整個網站看起來有條理、用起來順手！...

HTML 手刻程式碼編輯器  HTML、CSS、JavaScript 現在要架設網站，比起十幾年前簡單多了！不用學程式、也不用自己租伺服器，現在市面上有一堆架站工具，讓你可以用滑鼠點一點就完成。但問題來了—— 到底該選 Wix、WordPress，還是 HTML 手刻？...

網站架起來了，然後呢？ 在這個數位化時代，擁有一個專業的網站已成為企業經營與個人品牌發展的關鍵，以提升品牌影響力、吸引客戶並增加轉換率。 辛辛苦苦用 Wix 搭建好網站，終於把品牌或事業帶到網路世界。但問題來了——網站不是搭建完就沒事了！架設網站只是第一步，真正的挑戰在於如...

在現今數位時代，網站已經成為品牌行銷、創業與個人作品展示的重要平台。然而，對於沒有程式設計經驗的人來說，架設網站可能看起來像是一項高難度的任務。這就是 Wix 大放異彩的地方——它讓「零基礎」的使用者也能輕鬆打造專業級網站，不需要寫一行程式碼。...

想自己架設網站，卻沒有任何程式設計經驗？  Wix 提供一個直覺、易用且功能強大的網站架設平台，即使是 零基礎的新手 ，也能輕鬆打造專業網站。不論是個人創作者、企業主還是自由接案者，Wix 都能滿足需求，讓你幾分鐘內擁有一個專屬網站， 無需寫任何程式碼！ 但如果你希望擁有更...