網站模板庫
依產業、網站類型與風格，挑選可直接套用的一般網站模板。
共 3 項操作・11 個步驟・最後複驗 2026-10-03
從哪裡進入
平台首頁 → 網站模板
照著下方圖文逐步完成
重點摘要（TL;DR）
這裡只處理一般網站模板：先搜尋與篩選，再查看完整示範與桌機、手機排版，最後用選定模板建立網站。
什麼時候會用到
- 準備建立一般網站，想先從完整版型開始
- 想先比較網站在桌機與手機上的排版
操作步驟與完成後的結果
每一項操作都列出從哪裡開始、要做什麼，以及完成後應該看到的結果。
依產業或用途篩選模板
把不適合的模板先藏起來，較快找到接近自己需求的版型。
- 1
這一步要做
在「網站模板庫」的搜尋框輸入產業、用途、風格或模板名稱；圖中用主要教學案例「朝暮 CHOMU」示範，再按「搜尋」。
為什麼：模板很多，先用關鍵字縮小範圍比一張張往下捲快；搜尋會比對模板名稱、產業與風格。
手機可左右滑動畫面，看清楚紅圈與欄位文字。
紅框是搜尋模板欄位：先輸入產業、用途或風格，再按右側搜尋。 - 1操作
- 位置：
- 模板庫標題下方、篩選條件上方的長條搜尋欄位。
- 動作：
- 輸入關鍵字後按右側「搜尋」。
- 結果：
- 模板清單只留下符合關鍵字的結果。
完成後會看到
下方只留下名稱、產業或風格符合關鍵字的模板。
- 2
這一步要做
再從左側「依行業瀏覽」，或上方「類型」、「風格」點選條件；要重新開始時按「清除所有篩選」。
為什麼：行業、類型、風格是三個獨立條件，可以疊加使用；網址會記住你選的條件，直接把網址傳給合夥人，對方看到的就是同一組結果。
手機可左右滑動畫面，看清楚紅圈與欄位文字。
紅框是類型篩選：可與搜尋字、行業和風格一起縮小模板範圍。 - 2操作
- 位置：
- 搜尋欄位下方「類型」這一列的「電商官網」。
- 動作：
- 按一下「電商官網」。
- 結果：
- 清單只顯示同時符合搜尋字與類型的模板。
完成後會看到
模板清單會立即依選到的條件縮小，清除後恢復全部模板。
- 3
這一步要做
看清單上方的數字（例如「符合 3 / 48 款」）確認還剩幾款；如果顯示「沒有符合條件的模板。」，先拿掉一個條件，或按「清除所有篩選」重來。
為什麼：條件疊太多最容易篩到一款都不剩，看數字比盯著空白畫面好判斷是哪個條件太嚴。
完成後會看到
清單重新出現可以挑的模板。
- 4
這一步要做
如果你的行業在「依行業瀏覽」旁標著「尚無」，照樣可以點進去：頁面會說明這一行還沒有人開過站，並列出同一類可以直接套用的版型；想要完全對題的，按「告訴我們你要的…網站」留下需求。
為什麼：同一大類的版型結構多半相近，把文字和照片換成自己的通常就能用，不必等專屬模板。
完成後會看到
看到同一大類的版型，或進入留下需求的頁面。
注意事項
- • 條件選得越多，結果會越少；找不到時先清除一個條件。
預覽網站模板的桌面與手機畫面
在建立網站前看清楚模板在不同螢幕上的實際排版。
- 5
這一步要做
在網站模板卡片按「用這個版型」；若只想參觀已上線的示範站，按「參觀線上實站」。
為什麼：「參觀線上實站」是已經做好的完整網站，看的是成品長相；「用這個版型」才會打開可以動手試改的模板預覽。
手機可左右滑動畫面，看清楚紅圈與欄位文字。
紅框是「用這個版型」：會進可操作預覽；左側的實站連結只供參觀。 - 5操作
- 位置：
- 模板卡片最下方右側的「用這個版型」。
- 動作：
- 按一下進入模板預覽。
- 結果：
- 開啟同一模板的可操作完整預覽。
完成後會看到
「用這個版型」會開啟可切換裝置的模板預覽；「參觀線上實站」則在新分頁開啟公開示範站。
做錯或略過會怎樣
點卡片的縮圖或說明也會在新分頁開啟線上實站；要回模板庫，切回原本的分頁就好，不必按上一頁。
- 6
這一步要做
在預覽頁使用上方的裝置切換，依序查看「桌面」與「手機」，並上下捲動到頁尾。
為什麼：手機上的換行、圖片裁切與按鈕位置常和桌面不同，而你的客人多半用手機看網站。
手機可左右滑動畫面，看清楚紅圈與欄位文字。
紅框是手機預覽按鈕；畫面會縮成手機寬度，內容仍可上下捲動。 - 6操作
- 位置：
- 模板預覽最上方中央，三個裝置圖示中的手機。
- 動作：
- 按一下手機圖示。
- 結果：
- 中央預覽縮成手機寬度，顯示同一份模板的窄版排列。
完成後會看到
同一份模板會以兩種螢幕寬度顯示，可看到文字、圖片與按鈕如何換行。
- 7
這一步要做
在預覽裡可以直接點文字改寫、換配色或調整頁面，試試看這套版型裝不裝得下你的內容；確定不要，按左上角的返回箭頭（「返回模板庫」）回去挑別款。
為什麼：先動手改一兩段，比只看範例更能判斷這套版型適不適合你的生意。
完成後會看到
回到網站模板庫；重新打開同一款模板時，看到的是原本的範例內容。
做錯或略過會怎樣
試改的內容只有在按「用這個模板建站」時才會帶進新網站；直接關掉分頁或返回模板庫，改過的都不會保留。
注意事項
- • 縮圖只代表第一眼；是否適合仍要以完整預覽為準。
選擇網站模板
把預覽中選定與試改的版型交接到登入閘；帳號仍有可用網站席位時，登入後自動建立網站並開啟編輯器。
- 8
這一步要做
打開喜歡的網站模板預覽，確認頁面內容後按右上角「用這個模板建站」。
為什麼：按下的那一刻，你在預覽裡試改的內容會一起帶進新網站，不用重做一次。
手機可左右滑動畫面，看清楚紅圈與欄位文字。
紅框是建立入口：未登入會先到登入頁，剛才試改的內容會留在同一分頁。 - 8操作
- 位置：
- 模板預覽工具列最右側的黑色按鈕。
- 動作：
- 確認模板後按「用這個模板建站」。
- 結果：
- 未登入時前往登入頁，並保留這次模板試改內容。
完成後會看到
未登入時系統前往「登入 anting.tw」，並在同一個瀏覽器分頁暫存剛才試改的模板。
- 9
這一步要做
確認已進入「登入 anting.tw」，並留在同一個分頁完成登入；帳號仍有可用網站席位時，系統會自動續接所選模板、建立網站並開啟編輯器，不需另填名稱或網址。
手機可左右滑動畫面，看清楚紅圈與欄位文字。
綠框確認已進入登入閘；請在同一分頁登入，系統才找得到暫存的試改內容。 - 9核對
- 位置：
- 登入卡片中央上方的「登入 anting.tw」標題。
- 動作：
- 確認標題後，在同一個瀏覽器分頁完成登入。
- 結果：
- 留在登入頁完成登入；仍有可用網站席位時自動開啟套用所選模板的網站編輯器，席位已滿時進入網站額度頁。
完成後會看到
登入頁顯示「登入 anting.tw」；完成登入且仍有可用網站席位時，自動進入套用所選模板的網站編輯器；席位已滿時改進入網站額度頁。
做錯或略過會怎樣
登入一定要在同一個分頁完成；換分頁或換瀏覽器登入，剛才試改的內容就接不回來，只能回到模板重新按一次「用這個模板建站」。
- 10
這一步要做
如果登入後看到「你的官網已建立」或「已建立 N 個官網」，代表帳號的建站額度用完了：按「加購席位」增加額度，或按「回我的網站」繼續編輯既有網站。
為什麼：一個帳號含 1 個官網的額度；額度滿了不會影響已建立的網站，只是不能再開新的。
完成後會看到
加購完成後，回到模板預覽重新按一次「用這個模板建站」，就會建立新網站。
- 11
這一步要做
進入編輯器後就是你自己的網站草稿：把範例文字與照片換成自己的，改好再按右上角的「發佈」。
為什麼：建站時用的是模板的範例內容，什麼時候讓訪客看到你的版本，由你按「發佈」決定。
完成後會看到
編輯器上方顯示你的網站，右上角有「發佈」按鈕。
做錯或略過會怎樣
正式發佈需要有效的網站席位；免費建立的網站可以先編輯，但按「發佈」時會請你先購買。
注意事項
- • 完成登入後會真的建立網站並占用網站席位；只想比較版型時不要完成這一步。
遇到問題先看這裡
- 套用網站模板會不會把日後的內容鎖死？
- 不會。網站模板是起點，建立後仍可修改頁面、區塊、文字、圖片與功能。
- 「參觀線上實站」和「用這個版型」差在哪裡？
- 「參觀線上實站」在新分頁打開用這套模板做好的完整網站，只能看；「用這個版型」打開可以試改的模板預覽，右上角有「用這個模板建站」可以直接建立網站。
- 在模板預覽裡改的東西會被保存嗎？
- 不會自動保存。只有在預覽中按「用這個模板建站」，而且在同一個分頁完成登入，改過的內容才會帶進新網站。直接關掉分頁或返回模板庫，試改的內容就沒了。
- 我的行業旁邊寫「尚無」，是不能用嗎？
- 可以用。「尚無」只代表這一行還沒有專屬模板；點進去會列出同一大類可以直接套用的版型，也可以按「告訴我們你要的…網站」留下需求。
- 卡片上標著「電商官網」是什麼意思？
- 代表這套模板是為線上賣東西設計的。想找這一類，可以在上方「類型」選「電商官網」；只想介紹品牌與服務，選「形象官網」。
- 按了「用這個模板建站」，卻出現「你的官網已建立」？
- 一個帳號含 1 個官網的額度，你已經用完了。按「加購席位」增加額度，或按「回我的網站」打開既有網站；已建立的網站不受影響。
- 建好網站之後還能換成別的模板嗎？
- 可以。在網站編輯器左側按「模板」，挑好後可選擇保留自己的內容或改用模板範例內容。