Webflow 中的範本回顧

使用 Webflow 範本快速啟動您的網站設計流程。

如果您缺乏時間或需要一些額外的設計刺激,那麼使用 Webflow 範本是啟動網站設計流程的絕佳方法。

為了最大限度地利用模板,透過我們的介紹性 Webflow 101 速成課程熟悉 Webflow 的基本知識至關重要。本課程概述了 Webflow UI、網頁的基本建置元素以及定位和佈局要點 - 所有這些都是您開始使用範本所必需的。

重要的: 若要存取所有範本功能,某些範本可能需要購買後付費網站規劃或將範本匯入到您的工作區。了解有關模板頁面限制的更多資訊。

在本課程中,您將透過以下內容深入了解 Webflow 範本:

  1. 了解 Webflow 範本如何操作
  2. 掌握模板使用和許可
  3. 購買前試用模板
  4. 選擇免費模板
  5. 取得高級模板
  6. 應用程式模板促銷代碼
  7. 移動基於模板的網站
  8. 在工作區中啟用和停用網站作為模板
  9. 匯出基於模板的網站
  10. 出售您自己的模板

了解 Webflow 範本如何操作

Webflow 提供了大量的 免費且優質的響應式網站模板 適合設計師、企業和個人使用,幫助您加快設計方面的參與。

一旦您選擇免費或付費模板,該模板將作為一個全新的網站包含在您的儀表板中,並整合了所有模板頁面。隨後,您可以根據自己的喜好自訂模板。

方便提示: 如果您將來需要存取模板的原始、未更改的設計,您可以透過網站的備份來實現。但是,請記住,此操作會將網站中的所有內容重設為所選備份。

開始使用您的模板

如果您以前使用過 WordPress,您可能熟悉它使用主題來設計風格。 WordPress 主題可以在 WordPress 設計中已有的內容和資料上實現。

與 WordPress 主題相比,Webflow 的模板以獨特的方式運作。 Webflow 範本的設計和佈局不會自動替換工作區中現有網站的設計和佈局。模板按原樣保存,可能需要自訂。

若要加快此自訂速度,您可以遷移 CMS 集合資料或將元素從工作區中的其他網站複製並貼上到基於範本的新網站。

收集物品的進口限制

您可能需要增強或升級您的網站規劃,以將集合項目的 CSV 匯入到基於範本的網站中。根據您擁有的場地規劃類型,收藏項目有限制。 了解有關場地規劃的更多信息.

頁面分配 

如果基於模板的網站包含超過 2 個頁面,您需要為基於模板的網站增加付費網站計劃或購買付費工作區計劃。如果您的基於範本的網站僅包含 2 個頁面,您可以根據需要在免費網站計劃/免費工作區計劃中維護它。您仍然可以存取和修改付費模板中包含的所有頁面(除非您已刪除它們)。但是,如果不先升級您的網站,您將無法複製頁面或將新頁面附加到基於模板的網站。 工作空間規劃,新增一個 網站計劃 到網站,或刪除範本中的頁面,直到總頁數減少到 2 頁以下。

即使您不准備將網站規劃插入基於模板的網站或購買付費工作區計劃,您仍然可以調整模板中的現有頁面。

如果您在將網站計劃增強到基於模板的網站後(或購買工作區計劃後)遇到頁面限制錯誤,或者如果您對頁面限制有任何進一步疑問,請與我們聯絡。

模板幫助 

對於 Webflow 的新手來說,具有複雜互動、自訂選單或彈出模式的模板可能會在早期編輯嘗試中帶來挑戰。不過,如果您為範本尋求協助,您可以聯絡範本建立者尋求指導(許多範本建立者在其範本中提供 documentation 支援)。

如需範本建立者的支援: 

  1. 導航到模板的頁面 Webflow 的模板市場
  2. 向下捲動直到看到模板 概述 (模板創建者的具體支援說明可能會出現在該區域中)
  3. 選擇 支援 選項卡(如果模板創建者未在 概述 部分)
  4. 接觸 與範本創建者通訊的按鈕

注意範本的使用和許可證

所有付費模板都附帶一個使用許可證,這意味著您可以將購買的模板套用到一個網站。 了解有關 Webflow 範本和單一使用許可證的更多信息.

如果您打算將購買的範本用於不同的用戶端或站點,則必須購買額外的授權(透過再次取得範本)。

這可以透過複製模板來執行:

  1. 繼續前往 站點設定 為您的基於模板的網站
  2. 點擊 ”複製" 圖示
  3. 選擇範本是用於相同客戶端或網站(無需重新購買許可證)還是用於新客戶端或網站(強制重新購買許可證)

所有模板都是可自訂的(您可以附加、修改或刪除文字、圖像、圖形、佈局、設計等)以符合您網站的要求。

取得前試用模板

在進行購買之前,您可以在設計器中預覽模板。強烈建議這樣做,以確保模板符合您的設計需求。

  1. 前往 Webflow 的模板市場
  2. 找到您想要評估的模板
  3. 點選 在設計器中預覽 在新視窗中啟動設計器中的模板
  4. 您可以透過選擇“眼睛" 圖示.
  5. 隨後,您可以深入研究模板的 頁面面板 航海家 掌握模板的組成部分和設計框架

若要取得模板,請返回模板頁面 Webflow 的模板市場 然後單擊 .

選擇免費模板

Webflow 提供了大量免費範本來啟動您的旅程,從單頁網站到複雜的多頁商業網站。 探索我們的免費模板.

選擇免費模板: 

  1. 導航至 免費模板 頁上 Webflow 的模板市場
  2. 點擊您可能想要使用的免費模板
  3. 輕敲 免費使用,這將解鎖您的儀表板
  4. 分配一個 標題 到您的網站或堅持使用提供的預設名稱
  5. 選擇 建立網站,這會在設計器中啟動站點

隨後,您將能夠在您的目錄中找到以模板為中心的網站 儀表板.

購買一流的模板

您也可以購買付費模板,僅供個人、企業或網站使用。

若要選擇並購買高級模板:

  1. 導航 Webflow 的模板市場
  2. 點擊您喜歡的網站高級模板
  3. 在範本的主頁上(如果您還沒有 Webflow 帳戶,則需要註冊一個免費的 Webflow 帳戶,或者如果已登出,您可以登入現有帳戶)
  4. 將您的付款詳細資料插入結帳模式(或點擊“編輯信用卡” 修改您的付款詳細資料(如果之前已新增)
  5. 輕敲 現在付款 完成您的購買 
  6. 點選 繼續 查看您的付款確認後
  7. 給你的新網站一個 標題
  8. 選擇 建立網站 在 Webflow Designer 中存取新取得的模板
筆記: 採購發票範本可以位於 工作區設定 > 範本 選項卡 > 購買的模板。輕敲 下載發票 下載您購買的特定範本的發票。

應用程式模板促銷代碼

如果您有範本促銷代碼,則可以在範本購買確認期間使用促銷代碼:

  1. 訪問 Webflow 的模板市場
  2. 點擊您想要用於您的網站的高級模板
  3. 在範本的主頁上(如果您還沒有 Webflow 帳戶,則需要註冊一個免費的 Webflow 帳戶,或者如果已登出,您可以登入現有帳戶)
  4. 點選 新增促銷代碼 在結帳模式中
  5. 在輸入區域輸入促銷代碼並點擊 申請
  6. 輕敲 現在付款 完成您的購買
  7. 點選 繼續 查看您的付款確認後
  8. 給你的新網站一個 標題
  9. 選擇 建立網站 在 Webflow Designer 中存取新取得的模板

轉移以模板為中心的網站

您可以將以範本為中心的網站轉移到其他使用者或工作區。了解有關轉移站點的更多資訊。

在工作區中啟用和停用網站作為模板

您可以將網站啟動為模板,以便您和工作區中的其他人將來可以實施它。如果您的目標是建立一個新的、類似的網站,或使用相同的初始佈局並對其進行改進,這可能會很有幫助。您可以為從頭開始建立的網站以及附加到工作區的其他範本網站(例如來自 Webflow模板市場). 

筆記: 從您購買的範本建立共用工作區範本時,請記得注意範本的使用和授權。

若要將網站啟動為範本:

  1. 使用權 站點設定 > 一般的 選項卡 > 共享工作區模板
  2. 輕敲 製作模板
  3. 為您的模板新增標籤
  4. 選擇 確認

若要停用作為範本的網站:

  1. 使用權 站點設定 > 一般的 選項卡 > 共享工作區模板
  2. 停用模板
  3. 選擇 消除

您可以在以下位置查看共享工作區範本及其描述的清單: 工作區設定 > 範本 選項卡 > 共享工作區模板.

筆記: 一旦網站啟動為模板,您將無法刪除它,除非您先將其停用為模板。

了解有關共享工作區範本的更多資訊。

匯出基於模板的網站

如果您想匯出基於模板的網站,您首先需要購買 付費工作空間計劃 啟動導出功能。了解有關匯出程式碼的更多資訊。 

推廣您自己的模板

如果設計模板帶給您樂趣,您可以請求在 Webflow 的模板市場。在開始提交模板之前,請務必檢查我們的 範本提交指南.

延伸閱讀: Medium Rare 如何擴大其銷售範本業務

麥伊凡
Ewan Mak 的最新帖子 (看全部)