從這裡開始

入門

感謝您購買 Coin X 範本。在本簡短指南中，我們介紹如何從 Coin X Webflow 範本編輯基本元素（即顏色、字體、CMS 內容等）的所有基礎知識。

如果您對 Webflow 不是很熟悉，我們強烈建議您參加Webflow 大學的 Webflow 101 速成課程，因為它將教您啟動和運行的所有基礎知識。

造型

讓我們開始設計模板的樣式。

顏色

Coin X 範本是使用顏色樣本建立的，這意味著您可以輕鬆編輯顏色樣本以在網站範圍內更新。

為此，您只需轉到右側邊欄中的“樣式”選項卡，然後滾動到“排版”部分中的“顏色”，如果您單擊顏色，您將能夠看到所有顏色樣本並編輯它們以進行更新網站範圍內任何需要的顏色。

字體

Coin X 模板在側面使用單一字體，並且它是在正文（所有頁面）選擇器中設定的，因此這意味著您可以輕鬆地一鍵更新所有網站上的字體。

在任何頁面上，只需按一下「樣式」標籤右上角的橘色選擇器選項，然後選擇「正文（所有頁面）」 。完成此操作後，您可以轉到下面的版面部分，並將字體變更為適合您的商業品牌的任何字體。

如果您需要 Webflow 上未提供的自訂或高級字體，您可以隨時前往“專案設定”>“字體”，然後您就可以上傳自訂字體，或連接您的 Adobe Fonts 帳戶。

圖形和圖標

模板中的一些圖示或圖形是普通圖像/圖形，因此您會注意到，當更新所有顏色時，它們仍然具有模板顏色。

發生這種情況是因為這些圖形是圖像（PNG、JPG、SVG 等），因此更新 Webflow CSS（樣式）不會影響它們。如果您想重複使用這些圖形，您可以隨時下載它們並使用任何設計軟體（即 Photoshop、Illustrator、Sketch、Figma 等）進行編輯，或直接上傳與您的品牌相符的您自己的圖像/圖形。

編輯頁面

現在是時候繼續執行後續步驟來編輯您的網站頁面了。通常需要編輯的內容有以下兩種。

靜態內容

靜態內容是所有不基於 CMS 的內容，這意味著它不是動態的（例如部落格文章）。

您可以輕鬆識別所有這些內容，因為它在左側邊欄導航器中顯示為灰色，並且當您單擊或將滑鼠懸停在其上時，它會顯示藍色邊框。

如果你想編輯此類內容，只需雙擊它，就可以直接在此處鍵入。

動態內容（CMS）

動態內容是所有動態內容，將根據左側側邊欄 CMS 部分（頁面圖示下方）中新增的內容自動產生。

您可以輕鬆識別所有這些，因為它在左側邊欄導覽器中顯示為紫色，並且當您單擊或懸停它時它會顯示紫色邊框。

此內容應直接在 CMS 部分更新。這是為了讓您可以輕鬆更新它，因為它很可能需要不斷更新（例如，添加新的部落格文章）。

此外，如果您想要編輯完整的自動產生的 CMS 頁面（例如部落格文章），您會在左側邊欄的「頁面」部分的所有頁面底部找到可供編輯的頁面。

產品（電子商務）

產品或電子商務內容的功能與 CMS 動態內容類似，但是，這僅針對電子商務產品。

您可以採用與 CMS 內容類似的方式識別電子商務內容，因為它在左側邊欄導航器中也顯示為紫色，並且當您單擊或懸停它時會顯示紫色邊框。

此內容應直接在左側邊欄的電子商務標籤中更新。這是為了讓您可以輕鬆更新它，因為它很可能需要不斷更新（例如，更改產品價格或添加更多庫存）。

此外，如果您想要編輯自動產生的產品電子商務頁面，您會發現該頁面幾乎位於 CMS 集合頁面上方所有頁面的底部，可供編輯。

有用的註釋

除了我們上面分享的主要基本解釋之外，我們還在這裡分享一些我們收到的最常見問題的提示和操作方法。

互動

如果您想編輯任何互動範本（即刪除出現效果），您可以輕鬆識別具有互動的元素，因為這些元素在左側邊欄導航器中有一個小互動圖示（一個小雷）。

如果您單擊這個小交互圖標，您將打開該元素的右側邊欄“交互”選項卡，您可以在其中編輯交互。

手機或平板電腦視圖

每次進行更改（例如，創建新的部分設計）時，最好轉到視口頂部導航並查看它在平板電腦和行動裝置上的外觀。

如果您只使用更新的文字或圖像編輯模板部分，並且不刪除任何模板類，則不需要這樣做，但是，如果您更深入地自訂模板、編輯類或建立新部分，則最好不斷編輯您的手機和平板電腦視圖，以確保一切看起來都很完美。

編輯元標題、描述和特色圖像

如果您想自訂在任何地方（即 Facebook、Twitter 等）分享網站時顯示的標題、描述和圖像，您可以輕鬆前往左側邊欄中的頁面部分，點擊小設定圖示您想要自訂的頁面的名稱，所有這些設定都會出現。

請注意，在頁面上更改此設定非常重要。

備份

如果出現問題，例如，如果您不喜歡網站的去向，如果您刪除了一些使模板看起來不錯所需的關鍵類，或者如果您出於任何原因只想轉到以前的版本，您隨時可以轉到備份部分。

您可以在左側邊欄的「設定」部分中找到它，然後您就可以看到所有自動或手動備份。只需單擊即可恢復到舊備份。

Coin X Webflow 模板支持

正如您在上面所看到的，Coin X 使用最佳實踐基於 Webflow 構建，使您可以輕鬆編輯模板並根據您的需求進行自訂。

但是，如果您發現任何問題、需要幫助或只是想打個招呼，請隨時向我們發送電子郵件[email protected] — 我們將很樂意為您提供幫助。

客製化設計與開發

另一方面，如果您正在尋求協助建立獨特且個人化的 Coin X 版本，或者只是在 Webflow 上從頭開始設計和開發一個令人驚嘆的網站，請隨時與我們的Webflow 設計和開發機構聯繫。 Coin X Webflow 範本背後的出色團隊可以為您提供協助。