搜尋操作說明
網站建立與發布展開目錄
網站建立與發布目前可使用

網站模板庫

依產業、網站類型與風格,挑選可直接套用的一般網站模板。

3 項操作・6 個步驟・最後複驗 2026-08-13

從哪裡進入

平台首頁 → 網站模板

照著下方圖文逐步完成

重點摘要(TL;DR)

這裡只處理一般網站模板:先搜尋與篩選,再查看完整示範與桌機、手機排版,最後用選定模板建立網站。

什麼時候會用到

  • 準備建立一般網站,想先從完整版型開始
  • 想先比較網站在桌機與手機上的排版

操作步驟與完成後的結果

每一項操作都列出從哪裡開始、要做什麼,以及完成後應該看到的結果。

1

依產業或用途篩選模板

把不適合的模板先藏起來,較快找到接近自己需求的版型。

  1. 1

    這一步要做

    在「網站模板庫」的搜尋框輸入產業、用途、風格或模板名稱;圖中用主要教學案例「朝暮 CHOMU」示範,再按「搜尋」。

    網站模板庫上方的搜尋模板欄位,以紅框精準標示

    手機可左右滑動畫面,看清楚紅圈與欄位文字。

    紅框是搜尋模板欄位:先輸入產業、用途或風格,再按右側搜尋。
    1. 1操作
      位置:
      模板庫標題下方、篩選條件上方的長條搜尋欄位。
      動作:
      輸入關鍵字後按右側「搜尋」。
      結果:
      模板清單只留下符合關鍵字的結果。

    完成後會看到

    下方只留下名稱、產業或風格符合關鍵字的模板。

  2. 2

    這一步要做

    再從左側「依行業瀏覽」,或上方「類型」、「風格」點選條件;要重新開始時按「清除所有篩選」。

    網站模板庫類型篩選中的電商官網按鈕,以紅框精準標示

    手機可左右滑動畫面,看清楚紅圈與欄位文字。

    紅框是類型篩選:可與搜尋字、行業和風格一起縮小模板範圍。
    1. 2操作
      位置:
      搜尋欄位下方「類型」這一列的「電商官網」。
      動作:
      按一下「電商官網」。
      結果:
      清單只顯示同時符合搜尋字與類型的模板。

    完成後會看到

    模板清單會立即依選到的條件縮小,清除後恢復全部模板。

注意事項

  • 條件選得越多,結果會越少;找不到時先清除一個條件。
開啟這項操作的獨立教學頁
2

預覽網站模板的桌機與手機畫面

在建立網站前看清楚模板在不同螢幕上的實際排版。

  1. 3

    這一步要做

    在網站模板卡片按「用這個版型」;若只想參觀已上線的示範站,按「參觀線上實站」。

    網站模板卡片右下角的用這個版型按鈕,以紅框精準標示

    手機可左右滑動畫面,看清楚紅圈與欄位文字。

    紅框是「用這個版型」:會進可操作預覽;左側的實站連結只供參觀。
    1. 3操作
      位置:
      模板卡片最下方右側的「用這個版型」。
      動作:
      按一下進入模板預覽。
      結果:
      開啟同一模板的可操作完整預覽。

    完成後會看到

    「用這個版型」會開啟可切換裝置的模板預覽;「參觀線上實站」則在新分頁開啟公開示範站。

  2. 4

    這一步要做

    在預覽頁使用上方的裝置切換,依序查看「桌機」與「手機」,並上下捲動到頁尾。

    模板預覽上方的手機裝置切換按鈕,以紅框精準標示

    手機可左右滑動畫面,看清楚紅圈與欄位文字。

    紅框是手機預覽按鈕;畫面會縮成手機寬度,內容仍可上下捲動。
    1. 4操作
      位置:
      模板預覽最上方中央,三個裝置圖示中的手機。
      動作:
      按一下手機圖示。
      結果:
      中央預覽縮成手機寬度,顯示同一份模板的窄版排列。

    完成後會看到

    同一份模板會以兩種螢幕寬度顯示,可看到文字、圖片與按鈕如何換行。

注意事項

  • 縮圖只代表第一眼;是否適合仍要以完整預覽為準。
開啟這項操作的獨立教學頁
3

選擇網站模板

把預覽中選定與試改的版型交接到登入閘;帳號仍有可用網站席位時,登入後自動建立網站並開啟編輯器。

  1. 5

    這一步要做

    打開喜歡的網站模板預覽,確認頁面內容後按右上角「用這個模板建站」。

    模板預覽右上角的用這個模板建站按鈕,以紅框精準標示

    手機可左右滑動畫面,看清楚紅圈與欄位文字。

    紅框是建立入口:未登入會先到登入頁,剛才試改的內容會留在同一分頁。
    1. 5操作
      位置:
      模板預覽工具列最右側的黑色按鈕。
      動作:
      確認模板後按「用這個模板建站」。
      結果:
      未登入時前往登入頁,並保留這次模板試改內容。

    完成後會看到

    未登入時系統前往「登入 anting.tw」,並在同一個瀏覽器分頁暫存剛才試改的模板。

  2. 6

    這一步要做

    確認已進入「登入 anting.tw」,並留在同一個分頁完成登入;帳號仍有可用網站席位時,系統會自動續接所選模板、建立網站並開啟編輯器,不需另填名稱或網址。

    登入頁中央的登入 anting.tw 標題,以綠框精準標示

    手機可左右滑動畫面,看清楚紅圈與欄位文字。

    綠框確認已進入登入閘;請在同一分頁登入,系統才找得到暫存的試改內容。
    1. 6核對
      位置:
      登入卡片中央上方的「登入 anting.tw」標題。
      動作:
      確認標題後,在同一個瀏覽器分頁完成登入。
      結果:
      留在登入頁完成登入;仍有可用網站席位時自動開啟套用所選模板的網站編輯器,席位已滿時進入網站額度頁。

    完成後會看到

    登入頁顯示「登入 anting.tw」;完成登入且仍有可用網站席位時,自動進入套用所選模板的網站編輯器;席位已滿時改進入網站額度頁。

注意事項

  • 完成登入後會真的建立網站並占用網站席位;只想比較版型時不要完成這一步。
開啟這項操作的獨立教學頁

遇到問題先看這裡

套用網站模板會不會把日後的內容鎖死?
不會。網站模板是起點,建立後仍可修改頁面、區塊、文字、圖片與功能。
不是這個問題?查全部排除方法

逐步操作

需要一步一步做時,接著看詳細教學

相關功能

還是沒解決?

依你看到的狀況查一次問題排除,通常比找功能名稱快。真的卡住就直接告訴我們,把你正在做的事和畫面上的訊息寫進來就好。