header-logo
了解如何以 Wix 建立網站和商家。
了解如何建立、管理並維護 Wix 網站。
管理訂閱、方案與請款單。
處理業務,與會員連繫。
學習如何購買、連結或轉移網站網域。
以進階功能提升效率。
尋求解決方法,了解已知問題,或聯絡我們。
placeholder-preview-image
以課程和教學加強技能。
學習網頁設計、行銷等範疇的秘訣。
學習如何提升來自搜尋引擎的自然網站流量。
以全端平台建立自訂網站。
與專家配對,幫助實現目標。
placeholder-preview-image

Velo:使用 Velo 側邊欄

5 分鐘
前往 Velo by Wix 網站即可開始使用並繼續學習。
Velo 側邊欄顯示構成網站的所有檔案,包括頁面、燈箱、資料夾、檔案、套裝和資料庫收藏。在側邊欄中操作時,您可以執行多種影響網站的操作,詳情如下。

側邊欄會根據您選擇的側邊欄按鈕顯示不同的內容。
若要隱藏側邊欄,請將游標懸浮於其上,然後點擊側邊欄右側的隱藏按鈕。
隱藏側邊欄後若要重新顯示,請點擊任何側邊欄按鈕。

頁面程式碼

側邊欄的「頁面程式碼」區段包含以下部分:

主頁面

網站的固定頁面會直接顯現在主頁面區段標題下方。將游標懸停在頁面名稱上,點擊出現的 設定圖示,即可變更頁面設定。除了網站首頁外,您可將任何頁面設定為動態頁面

動態頁面

若已建立任何動態頁面,所有具有相同前綴的頁面都會在同一區段中組成群組

點擊浮動在區段名稱上時出現的 設定圖示,即可將新的動態頁面新增至群組。

點擊浮動在動態頁面姓名上時出現的 設定圖示,即可更改頁面設定(例如網址和 SEO 資料)、移除動態連結以轉為固定頁面,或將其刪除。

路由器頁面

若已建立路由器,所有與該路由器前綴相關的頁面都會在 Velo 側邊欄「頁面程式碼」的「路由器頁面」區段中組成群組。例如,若建立前綴為 myrouter 的路由器,則路由器頁面會組成群組並顯示在 Myrouter Pages (Router) 下方。

每個獨立的路由器頁面都會獲得一個用於路由器程式碼的預設姓名。您可以根據需求更改姓名,訪客無法看到頁面名稱。

您可以更改路由器的前綴(這也會更改 routers.js 檔案中實作的相關函式名稱),及/或為路由器新增頁面。請點擊浮動在組成群組的路由器頁面標題上時出現的 省略號圖示,然後選擇 Change RouterAdd Page to Router 即可執行此操作。

點擊浮動在路由器頁面姓名上時出現的 省略號圖示,即可更改頁面設定、重新命名、刪除,或將其從路由器中移除以轉為固定頁面。

點擊浮動在 Velo 側邊欄「主頁面」區段頁首上時出現的 Plus 圖示,即可新增路由器。

應用程式專用頁面

某些應用程式(例如為網站新增會員功能的應用程式)會為網站新增特殊頁面。這些頁面會顯現在「頁面程式碼」下方的專屬區段中。

燈箱

若已在網站頁面中新增燈箱,該燈箱會顯示在側邊欄的「燈箱」區段。此區段僅在網站中至少新增一個燈箱時才會顯現。

您可使用編輯器中的新增選單來新增燈箱。

在側邊欄中選擇現有燈箱時,編輯器會進入燈箱模式。

全域(網站)

編輯器中的元件可顯示在特定頁面或所有網站頁面。您可將特定頁面的程式碼放入該頁面的程式碼檔案中。若要在網站所有頁面中執行的程式碼,則應放在 masterPage.js 檔案。您可能出於以下原因而需要在所有網站頁面執行程式碼:

  • 設定為在所有頁面顯示的元件程式碼:當元件顯示在所有網站頁面,且您想為其新增在全站保持一致的功能時,請在「網站」索引標籤中新增該程式碼。當您使用「屬性」面板為顯示在所有頁面的元件新增事件時,該事件的程式碼會自動放置在 masterPage.js 檔案中。
  • 網站中與特定元件無關的程式碼:若程式碼與網站所有頁面相關,但與設定在所有頁面顯示的元件無關,請將其新增至 masterPage.js

若元件顯示在所有頁面,但您想為其新增特定於某一頁面的程式碼,請將程式碼新增至該頁面的「頁面」程式碼中。
提示:
新增至 masterPage.js 的程式碼會在網站的每個頁面執行。這可能會影響網站表現,因此請務必考量是否需要在每個頁面執行該程式碼。若程式碼僅需在部分(而非全部)頁面執行,您可考慮將其放入 Public 檔案,並根據需要進行匯入

程式碼檔案

「程式碼檔案」區段包含以下部分:

Public

若有需要在多個頁面中使用的功能,且不希望在每個頁面重複編寫,可將該功能編寫在 public 檔案中,並根據需求從任何頁面、後端或 public 檔案中呼叫。Public 區段用於存放要在網站任何頁面中使用的 JavaScript 程式碼檔案。

您需要從 public 檔案匯出功能,然後將其匯入至要使用的 public 或後端檔案中。在 Public 區段新增 .js 檔案時,檔案內包含提供匯出與匯入功能指示和範例的註釋,您可參考這些註釋以了解更多資訊。

隨著網站功能成長,將程式碼整理到檔案中並在頁面程式碼中按需呼叫,會使管理更加容易。您可將 public 檔案劃分到不同的資料夾中以進一步整理。

  • 點擊浮動在區段名稱上時顯示的加號圖示 ,即可在 Public 區段新增檔案或資料夾。
  • 點擊浮動在資料夾名稱上時顯示的省略號圖示 ,即可在資料夾中新增檔案或刪除資料夾。
  • 點擊浮動在檔案名稱上時顯示的省略號圖示 ,即可重新命名或刪除檔案。
請注意:
同樣可供公開存取的頁面和網站程式碼不會顯現在「Public」區段中。

後端

側邊欄的後端區段列出了無法從網站公開存取權的檔案。由於後端程式碼不公開,您可將可能造成安全性風險的敏感資訊放置在後端。您可建立 JavaScript 檔案、網路模組及其他供後端使用的檔案,並可將這些檔案整理至資料夾中。

網站的後端區段中可能會出現幾個特殊的 JavaScript 檔案。例如,data.js 檔案包含資料鉤的程式碼,而 routers.js 檔案則包含路由器資料繫結路由掛勾的程式碼。使用這些功能時,系統會自動新增這些檔案。

您也可以新增工作排程器檔案來安排定期工作時間表,以及新增 events.js 檔案來處理後端事件

  • 將游標懸停在區段名稱上並點擊出現的 Plus 圖示 ,即可在後端區段新增檔案或資料夾。
  • 將游標懸停在資料夾名稱上並點擊出現的省略號圖示 ,即可在資料夾中新增檔案或刪除資料夾。
  • 將游標懸停在檔案名稱上並點擊出現的省略號圖示 ,即可重新命名或刪除檔案。

套裝

有時需要為網站新增他人已開發的複雜功能。您可使用符合需求的程式碼程式庫,並將其整合至自己的程式碼中。每個可重複使用的程式碼程式庫皆稱為套裝。

您可從側邊欄的 套裝 區段安裝 2 種預建套裝:

Velo 套裝可分為 2 個類別:

浮動至 套裝 區段時,點擊顯現的新增 圖示即可安裝套裝。
安裝套裝後,浮動至 套裝 區段並點擊顯現的設定 圖示,即可在套裝管理員中管理網站上的套裝。
若要解除安裝套裝,請將游標浮動至欲解除安裝的套裝,點擊顯示更多 圖示,然後選擇「解除安裝」。

搜尋程式碼

點擊側邊欄的放大鏡按鈕即可開啟「搜尋程式碼」,並搜尋網站上的所有程式碼檔案。您可使用區分大小寫、全字拼寫須符合或使用正規運算式等選項進行搜尋。

資料庫

側邊欄的資料庫區段包含內容集合。點擊集合即可在內容管理系統 (CMS) 中開啟。

將游標懸停在區段名稱上,點擊出現的 Plus 圖示,即可新增集合或處理外部集合

將游標懸停在集合名稱上,點擊出現的省略號 圖示,即可根據集合新增動態頁面、更新集合權限移除集合,或為集合新增及移除 hook

在網站中新增特定 Wix 應用程式時,系統會自動將資料庫集合新增至網站。這些集合會顯現在側邊欄中。Wix 應用程式集合包含 Wix 應用程式中品項的相關資訊。各個應用程式的集合會在側邊欄中組成群組,且為唯讀。您可在管理介面中相關的應用程式經理中編輯集合。
請注意
您可能需要儲存或發佈網站並重新整理瀏覽器,才能在資料庫中檢視應用程式系列。

開發者工具

「開發者工具」區段包含以下部分:

日誌

網站日誌功能可讓您檢視 網站事件 資訊。系統會將主控台日誌、HTTP 功能和網路模組功能等事件紀錄為日誌條目。

您可以即時檢視並追蹤網站事件,或將網站事件連結至外部監察工具 Google Operations,以進行日誌分析並產生網站資料的視覺化描述,協助您獲得有意義的深入解析。

監察

在網站使用後端程式碼時,您會希望監察程式碼的表現,以確保為網站訪客提供最佳體驗。

監察管理介面 可協助您進行以下操作:
  • 按時間計算追蹤後端程式碼的表現。
  • 偵測網站何時未如預期運作。
  • 排解疑難並判斷網站運作不夠平滑的原因。
  • 在需要時要求額外資源。

安全性

開發者工具索引標籤的安全性區段包含秘密經理

有時您可能需要在網站程式碼中加入不公開資訊。例如,您選擇整合的某些第三方服務可能需要 API 金鑰。請務必不要將秘密洩露給頁面、網站或公開程式碼。相反地,您可以使用秘密經理在程式碼中安全地處理秘密。

自動化

在「自動化」區段中,您可以找到 觸發式電子郵件 功能。

觸發式電子郵件可讓您向觸發特定事件的網站訪客寄送個人化訊息。