Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
使用 Markdown 輕鬆為您的副本添加格式。
今天,我們為畫布上的 Rich Text 元素和 CMS 中的 Rich Text 欄位添加了 Markdown 支持,以便更輕鬆地在您的網站上添加內容。
無需離開鍵盤即可在畫布或 CMS 中將文字加粗或斜體、新增標題等。
了解有關Webflow University上 Markdown 支援的更多資訊。
December 14, 2023
現在您可以將指標事件設定為 none,以更好地管理網站上的重疊元素。
今天,我們引入了在設計器中將任何元素的指標事件設定為 none 的功能,從而更輕鬆地管理重疊元素。
指標事件用於區分純視覺元素和互動元素,同時使在 Webflow 畫布上選擇元素變得更加容易。
您可以在我們的Webflow University 課程中了解有關指標事件屬性的更多資訊。
November 22, 2023
以適合您和您的團隊的方式訂購組件屬性。
今天,我們發布了重新排序組件屬性的功能,以便您可以按照適合您團隊的方式進行建置。
現在,您可以在編輯元件時對「道具」面板中的任何屬性重新排序。
您可以在我們的中了解有關組件屬性的更多資訊。
December 4, 2023
現在,您只需單擊即可在輔助區域設定中翻譯整個 CMS 項目,從而更快地為您網站上的任何 CMS 支援的頁面獲得首次翻譯。
透過點擊任何輔助區域設定 CMS 項目上的翻譯所有字段,所有可翻譯字段都將被機器翻譯。
December 15, 2023
在元素中新增任何 HTML 標籤或自訂屬性 — 並釋放 HTML 的所有功能。
今天我們要介紹的是自訂元素。您可以將任何 HTML 標籤或屬性新增至自訂元素,從而直接在 Webflow Designer 中發揮 HTML 的所有功能。
使用它可以、在表單中包含本機日期選擇器、建立 HTML 表格等等。
中了解有關自訂元素的更多資訊。
November 20, 2023
Webflow 的分支暫存可讓您將分支發佈到自己的暫存環境,以加快測試速度並在流程的早期發現問題。
和提供透過分支暫存加速分支測試和審核的能力。分支暫存允許您將任何分支發佈到自己的暫存環境,這意味著您將能夠更快地測試新設計,審查完全呈現的自訂程式碼,並在此過程中儘早發現問題。
透過結合我們最受企業團隊歡迎的兩個功能(和)的強大功能,分支暫存引入了一種新的工作流程,用於在決定是否將設計合併到主網站之前測試設計。讓我們看看您如何在您的團隊中使用它。
讓我們來看看如何利用分支暫存作為團隊工作流程的一部分:
使用分支暫存測試和審查這些頁面。一旦您準備好測試新設計,您的團隊就可以將這三個頁面分支中的每一個分階段部署到他們自己的臨時環境中(如果您願意,可以同時進行!),並且能夠與必要的利益相關者共享每個唯一的URL需要審查它們。
將分支合併到主站點。當您完成每個分階段分支的測試和審核過程時,您可以在準備發佈到生產時將分支設計合併到主網站中。
接下來我們將努力為您帶來:
自訂暫存網域可讓您擁有和控制自己的網域以暫存主網站。
分支新頁面,以便您可以單獨試驗新頁面概念,而不必擔心您正在進行的工作會被意外發布。
編輯頁面分支上的元件,以便可以在分支頁面的安全環境中探索和測試現有元件或變數的新迭代。
批准工作流程,以便您可以確保對網站提出的變更在合併或發布之前得到正確的利害關係人的審核和批准。
November 16, 2023
注意:現已對所有客戶開放,所有 Webflow 使用者都可以免費預覽。首先,前往「設定」面板> “本地化”,指定您的主要區域設置,然後新增輔助區域設定。您只需在準備好發布後付款。
透過頁面分支同時處理多個頁面。假設您的團隊在網站上有三個頁面,您想要探索一些新設計 - 主頁、關於我們頁面和聯絡我們頁面 - 因此您為這三個頁面建立一個分支並開始處理新設計。的美妙之處在於,您可以讓三個不同的團隊成員同時處理三個不同的頁面分支,以加快速度。
編譯反饋並發表評論。當您的利害關係人審查了暫存 URL 上的建議設計後,他們可以透過直接在 Webflow 中對您的建置發表評論來輕鬆分享回饋。請記住:您可以為任何人指派,以簡化團隊的審核流程。
我們希望這個新的工作流程是朝著改進在 Webflow 中建置、測試和發布新頁面的流程邁出的又一步。有關如何立即開始使用它的更多詳細信息,請查看我們的。要了解有關如何訪問分支機構或觀看演示的更多信息,。
Improvements to rich text elements
我們提供了一系列增強功能,使 Rich text 文本元素 (RTE) 的建構更加容易和靈活。您可以在此處獲得改進的體驗:
此圖突顯了在富文本區塊中設定元素樣式的新功能
**管理富文本區塊中的元素。**現在,您可以透過點擊並拖曳或透過鍵盤快速鍵直接從導航器重新排列或刪除 RTE 。此外,所有單獨的 RTE 現在都顯示在導航器中,以實現更簡化的工作流程。
**在富文本區塊中設定各個元素的樣式。**以前,在富文本區塊中設定單一元素的樣式需要從 HTML 標記繼承樣式或使用類別內部的巢狀選擇器。現在,您可以直接從“樣式”面板執行此操作,並享受更精細的設計控制。
**控制 RTE 及其中任何元素的可見性。**現在,我們已經解鎖了直接從「設定」面板為每個 RTE 設定條件可見性的功能,因此您可以顯示或隱藏對受眾有意義的內容。無需自訂程式碼。
請造訪Webflow Academy以了解更多資訊並開始使用。
今天,我們已開始為所有 Webflow 客戶提供在地化服務。另外,還有免費預覽!
上個月在 Webflow Conf 上,我們推出了在地化——我們新的端到端解決方案,用於為全球受眾客製化您的網站——並將其提供給所有企業客戶。今天,我們很高興與大家分享,我們已開始向所有客戶推出服務。這意味著有些人可能開始注意到它可以透過「設定」面板在設計器中使用。
但這還不是全部 - 我們還向所有 Webflow 用戶推出基本本地化功能的免費預覽,無論他們的網站計劃如何。
我們正在採取分階段推出的方法,以確保為客戶提供最佳、最一致的體驗。如果您尚未透過“設定”面板在設計器中看到“本地化”,請不要擔心 - 所有客戶都將在本月底之前獲得訪問權限,一旦全面推出完成,我們將通知您。
在此處了解
November 16, 2023
輕鬆地將特定於語言的程式碼片段顯示到任何頁面。
今天,我們將介紹程式碼區塊元素,該元素旨在將程式碼片段新增至 Webflow 網站上的任何頁面。
無論是企業 API 的「入門」說明還是您想要與社群共享的幾行程式碼,您都可以使用程式碼區塊元素為網站訪客提供他們所需的程式碼。
在Webflow University上了解有關程式碼區塊元素的更多資訊。
December 15, 2023
今天,我們很高興地宣布 Webflow 樣式面板中對寬高比 CSS 屬性的本機支援。
現在您可以直接控制設計元素的縱橫比。這意味著您可以簡化設計流程,確保視覺一致性,提供即時視覺回饋,並減少對自訂程式碼的依賴。
訪問樣式面板來嘗試這個新功能。它可以應用於任何受益於特定寬高比的設計元素,例如圖像、視訊、網格佈局等。
今天,我們很高興地宣布 Webflow 樣式面板中對寬高比 CSS 屬性的本機支援。 現在您可以直接控制設計元素的縱橫比。這意味著您可以簡化設計流程,確保視覺一致性,提供即時視覺回饋,並減少對自訂程式碼的依賴。 訪問樣式面板來嘗試這個新功能。它可以應用於任何受益於特定寬高比的設計元素,例如圖像、視訊、網格佈局等。 要了解更多信息,請閱讀我們的
在 2023 年 11 月 15 日之後繼續使用 Webflow,即表示您同意遵守這些條款。
2023 年 11 月 15 日,我們將更新我們的服務條款、全球隱私權政策、 歐盟和瑞士隱私權政策以及資料處理附錄。請仔細閱讀這些條款和政策,因為它們將適用於您對 Webflow 平台的使用,包括您的權利和責任。
一些關鍵變化:
闡明了使用 Webflow 時我們的政策和附加條款如何適用
解釋瞭如果您無法存取您的主要電子郵件地址會發生什麼
明確了為客戶建立網站的 Webflow 使用者的責任
解釋瞭如果您擁有或升級到企業帳戶,則條款如何適用
包含有關某些違反我們的可接受使用政策的行為的附加信息
建立了新的產品條款頁面來管理某些 Webflow 產品的使用
闡明了超出工作區或站點規劃使用量時會發生的情況
我們還更新了隱私權政策和資料處理附錄,以提高可讀性,並提供更多有關全球和美國隱私法最新發展的資訊。
感謝您成為 Webflow 社群的一員!
November 9, 2023
Webflow 的變數功能可讓您儲存值(包括顏色、大小和版式),以便可以大規模重複使用和修改它們。
變數可讓您儲存值(包括顏色、大小和版式),以便可以大規模重複使用和修改它們。
從新的變數面板集中管理您的設計令牌,您可以在其中用變數替換硬編碼值,然後在設計器中利用該變數。
截至今天,我們正在逐步取消對顏色樣本的支持,我們已將其無縫遷移到變數。變數可以完成色樣所做的所有事情,包括一些額外的好處:
它們現在在變數面板中集中管理
它們將色樣的優點應用到其他值上—例如大小和字體
它們是可擴展的——顏色樣本是特定於 Webflow 的,而變數是行業標準,並且透過我們的 API 與 CSS 變數和 Figma 中的變數相容
簡化您的工作流程
使用變量,您可以建立預先審查的值清單以在設計器中進行選擇,這樣您就可以專注於建立和設計,而不是引用樣式表。變數還使徹底的更改變得更加簡單 - 無論是在創紀錄的時間內完成品牌重塑,還是在專案開始時加快迭代周期,您都將能夠以不那麼繁瑣的工作專注於重要的事情。
堅持品牌
變數與 Webflow 中的樣式一起工作,例如現有的類別、標籤和元件。借助變量,您現在可以透過程式設計方式對最基本的值進行大規模更改,並且這些值可以充當跨不同類別和元件的連接線程。
擴大影響力
Webflow 生態系統中的創建者現在可以利用變數來編寫框架並建立更複雜的模板或可複製物件。透過變數,您可以有效地重新利用現有網站並對其進行修改以滿足特定品牌或用例的需求。
要了解更多信息,請閱讀我們的Webflow 大學課程
現在,只需(右鍵)單擊導航器中的按鈕即可執行所有操作(換行、剪切、複製、貼上等),您可以更快地建立網站。
今天,我們將對右鍵單擊元素的支援擴展到以前僅在畫布上可用的導航器。現在,您可以在不離開導航器的情況下移動、換行或設計元素的樣式。
這對於管理隱藏元素或可能難以在畫布上點擊的元素特別有用。
您可以在我們的Webflow University 文章中了解有關 Navigator 的更多資訊。
October 25, 2023
Webflow 對組件可用性進行了重大改進 - 根據您是管理主組件還是在畫布上使用組件實例進行構建,提供更有意的體驗。
對於元件作者和管理者來說,現在可以更清楚地設定和管理元件中的可修改屬性,包括:
建立和刪除屬性的簡單過程
清除用於連結屬性和元素的操作項
對於內容編輯者,我們的新側面板僅顯示他們可以修改的元件屬性,從而簡化了編輯過程。想要修改主實例的元件使用者仍然可以轉到管理體驗來執行此操作,但這些不再自動顯示在側面板上。
這些變更使組件最終用戶能夠更好地控制他們正在執行的特定任務,而不會混淆當時與他們最相關的功能。
要了解更多信息,請閱讀我們的Webflow 大學課程。
Webflow 改進的使用者介面提供了更集中的工作空間和現代設計。
今天,您會注意到 Webflow 的所有部分(尤其是核心 Webflow Designer)都在不斷發展,以反映我們的新品牌方向、構成我們平台的力量以及我們希望讓大家能夠構建的專業網站類型和規模。
具體來說,您會注意到:
我們的目標是為您提供更專注的環境、改進的導航以及快速存取您喜愛的 Webflow 強大工具和功能。此外,這種重新設計為新功能鋪平了道路,並在整個平台上建立了統一的體驗。
在接下來的幾個月中,您可以期待不斷的改進,以提高整個 Webflow 的一致性。
要了解有關我們品牌更新的更多信息,請查看我們的部落格文章。
October 5, 2023
我們很高興地宣布,在地化現已可供所有企業客戶購買,下個月我們將向所有客戶提供。
在地化是 Webflow 的新本機解決方案,用於為全球受眾客製化您的網站。我們已經解決了端到端的在地化問題,從設計到翻譯再到一流的 SEO,無需任何程式碼。對您的網站進行在地化從未如此高效或經濟高效,但不要只相信我們的話:
Webflow 的新本地化解決方案令人驚嘆,並且已經極大地改進了我們先前的工作流程。這種原生功能不僅可以節省數千美元的開發成本,而且可以促進我們的國際 SEO,為我們的用戶提供更好的體驗,並最終加速 Sojern 在全球範圍內的業務成長。
Laura Barker,Sojern 高級創意經理
控制哪些頁麵包含在網站地圖中並由搜尋引擎索引。
我們一直為客戶提供,但現在我們為任何技術敏銳的用戶提供更多方法來提高其網站的 SEO 表現。
一種 SEO 最佳實踐是透過阻止搜尋引擎在這些頁面上建立搜尋索引來消除搜尋引擎尋找不太重要頁面的能力,從而將搜尋流量集中在網站的核心頁面上。雖然始終可以使用自訂程式碼新增 noindex 標記,但現在您可以直接從頁面設定輕鬆關閉任何頁面上的索引,這會將<meta content="noindex" name="robots">新增至頁面。
October 26, 2023
Webflow 推出三個新的API,為開發人員提供靈活的方式來透過應用程式提供可擴展、可重複使用的元件和樣式,以及與我們新的在地化產品整合的新機會。
為了支援我們最近發布的、和產品,我們發布了三個新的API,為開發人員提供靈活的方式來透過應用程式提供可擴展、可重複使用的元件和樣式,以及與我們新的在地化產品整合的新機會。
以下是新內容:
首先,我們發布了一套新的,它允許開發人員在 Webflow 網站上新增、綁定和管理元件 - 為應用程式新增至網站的設計系統並與之互動提供新的方式。
接下來,我們新增了 一個新的,讓開發人員可以定義和管理變量,例如顏色、字體和大小,以便透過 Webflow 應用程式簡化設計系統管理。
最後,在下個月,我們將發布新的在地化 API,使開發人員能夠將第三方翻譯管理系統與 Webflow 的新在地化產品無縫整合。。
現在,您可以在站點登入紀錄中查看最新的 CMS 和靜態頁面內容更改,以便更清楚地了解網站上發生的每項更改。
對於成長中的團隊來說至關重要,可以準確了解其網站上正在進行的變更。在今天之前,這種可見性主要只集中在最重要的設計變更。
透過將 CMS 和靜態內容變更引入站點登入紀錄,團隊可以自信地將更多內容編輯者引入 Webflow,並獲得成功所需的監督。
中刪除— 確保您的網站完全按照您希望Google 提供的方式進行調整和其他搜尋引擎。
您可以在我們的中了解更多資訊。
請訪問我們的,了解有關新 API 的更多信息,並開始為建立應用程式。
有關如何使用站點登入紀錄並了解其所有最新更新的更多詳細信息,請查看我們的。要了解有關如何訪問站點登入紀錄或查看演示的更多信息,。
今天,我們為 Webflow Enterprise 團隊提供了更多的設計控制權,使其能夠在分支上使用和建立自訂動畫。
最近,我們發布了頁面分支的增強功能,為體驗帶來更多功能、控制和可見性。作為該版本的一部分,我們分享說,企業客戶和企業合作夥伴現在可以在分支上創建與預先建立動畫的交互,並且即將推出對自訂動畫的支援。
今天,我們將解鎖使用現有自訂動畫並在分支上創建新自訂動畫的能力,使您能夠透過額外的互動功能來豐富您的設計。
有關其工作原理的更多詳細信息,請查看我們的Webflow University 文件。要了解有關如何訪問頁面分支或查看演示的更多信息,請與我們的銷售團隊聯繫。
經過一系列基礎性改進後,我們為所有客戶解鎖了更高的頁面限制。
我們致力於幫助我們的客戶在 Webflow 上擴展他們的業務,今天我們很高興地宣布,我們已經提高了所有客戶的頁面限制。
現在,任何購買付費網站套餐的人都可以將其網站擴展到最多 150 個靜態頁面,無需額外付費。而且,如果您使用企業計劃,您可以進行遠遠超出此範圍的擴展。
在此之前,設計器和發布方面進行了一系列基礎性改進,使客戶能夠建立更大、更強大的網站,而不會影響效能或最終用戶的體驗。
請閱讀我們的部落格文章,以了解有關此公告的更多資訊、我們如何解鎖更高的頁面限制以及我們下一步的工作。
為了簡化權限並對誰可以發布您的網站提供更精細的控制,現在您可以在 Webflow 中開啟和關閉發布權限。
今天,我們透過新的切換功能讓您可以更精細地控制誰可以發布您的網站,以快速授予或刪除每個工作區成員或內容編輯者的發布權限。這適用於以下有權存取發布權限的Workspace 計劃- Growth、Agency 和 Enterprise 計劃。
隨著我們繼續在 Webflow 中建立其他角色和工作方式,我們希望確保權限以直覺且靈活的方式擴展。將發布權限與角色本身分開將使您能夠更好地控制誰可以在逐個成員的基礎上執行哪些操作,而不管他們的角色如何。
一些重要的注意事項:
「可以發布」切換開關控制該人是否可以發布整個網站。即使關閉開關,任何人都可以發佈單獨的 CMS 專案。
在今天發布之前,您為工作區成員和內容編輯者設定的任何角色和權限都將保持不變,但如果您想使用新的切換按鈕調整發布權限,您現在可以在工作區設定的“成員”選項卡中執行此操作。了解更多。
作為獎勵,我們還在「成員」標籤中進行了小的用戶體驗改進,添加了站點角色的下拉式選單,以便更快、更順暢地將角色分配給您的隊友。
Webflow 全新的留言系統讓您能夠簡化團隊的溝通,讓您更快速地構建並反覆修改您的設計。工作空間成員和客戶可以在不離開 Webflow Designer 的情況下分享、審查並解決反饋。
您將學習:
要添加評論:
點擊頂部工具欄中的“評論”圖標,進入評論模式
點擊您要添加評論的畫布上的元素
在輸入欄位中輸入您的訊息
點擊“發佈”或在 Mac 上按下“Command” + “Return” (在 Windows 上為 “Control” + “Return”)發佈您的評論
您可以在 之間切換,對特定的斷點留下評論。
注意:在集合頁面上留下的評論將出現在該頁面的每一個實例上。例如,如果您在一個“博客文章”集合頁面上留下一個評論,您的評論將出現在該集合中每一篇博客文章項目的頁面上。
要編輯或刪除您的評論,將鼠標懸停在您的評論上,點擊“三個信息點”圖標並選擇“編輯”或“刪除”。您可以通過點擊評論線程上的“對號”圖標來解決評論線程。
您還可以在啟用 的情況下從評論面板中取消解決並重新開啟評論線程。點擊評論面板中的評論以在畫布上打開線程,然後點擊評論線程上的“圓形對號”圖標。
注意:如果您將帶有評論的元素移動到畫布的另一部分,評論將隨之移動。
在評論模式下,評論將出現在畫布和“評論面板”中。您可以在評論面板中點擊評論以展開和查看它們的線程。您也可以通過點擊“對話泡泡”圖標在畫布上展開和查看線程。未讀的評論旁邊的時間戳旁邊會有一個藍色的點標記。
注意:評論並不是實時顯示的(即,不會自動更新)。您需要刷新您的網站以查看新的評論。
您還可以在評論面板中篩選評論,只查看當前網站頁面上的評論,並/或包括已解決的評論。
要篩選評論,點擊“三個揭示點”圖標,並選擇“僅在此頁面上”和/或“顯示已解決”。在評論面板中標記已解決的評論會有一個對號。
您可以在啟用“顯示已解決”過濾器時取消解決並重新開啟評論線程。點擊評論面板中的評論以在畫布上打開線程,然後點擊評論線程上的“圓形對號”圖標。
您可以選擇接收哪些評論的電子郵件通知(例如,所有評論或僅回复)或完全禁用評論的電子郵件通知。要管理您的評論電子郵件通知,請轉到評論面板並點擊“三個揭示點”圖標。您可以選擇“所有評論”、“僅回复和提及”或“無”。
注意:除非您@提及自己,否則您不會收到您發布的任何評論的通知,無論您的電子郵件通知設置如何。
當網站被複製或轉移時,評論會被刪除。
不會。評論僅在設計師和網站的預覽模式下顯示。
一旦評論被刪除,您就無法看到它。刪除評論是永久性的。"
您可以在評論線程中 @ 提及您的工作空間的成員或,並將他們的注意力吸引到您的網站設計的特定部分。他們將收到一封包含您評論放置的網站和頁面名稱,以及打開您在設計師中的評論的鏈接的電子郵件通知。
要在您的工作空間中提及一個成員,,在輸入欄位中輸入“@”,並從下拉菜單中選擇他們的名字。您可以在“@”後面輸入他們的名字來縮小結果,並使用上下箭頭和回車鍵來導航結果並選擇他們的名字。
所有工作空間角色,包括客人角色,都可以使用評論。無法使用評論。
LAUNCHED ON MAY 31, 2023
我們最近改進了發布體驗,特別是對於發布您的網站可能需要更長時間的大型網站。您現在可以看到您在發布過程中的位置,並更好地了解何時完成。
在 Webflow 發布期間,您現在可以看到自己處於哪個階段,從而更好地了解何時完成。
我們還進行了一系列的優化,使得Webflow上最大的網站的發布速度更快、更高效。這是我們持續努力提高性能和穩定性以幫助您與Webflow一起擴展的一部分。
附註:由於這些更新對於Webflow大型網站的發布和整體設計師性能都有所改善,我們將在未來幾周內為所有客戶解鎖增加的靜態頁面限制。敬請期待公告和詳細信息!
推出於 2023 年 1 月 19 日
如果您使用反向代理將多個 Webflow 項目連接到一個域,您可能遇到了一些 SEO 挑戰,因為 Webflow 在您的 robots.txt 文件中創建了自動生成的 sitemap.xml 地址。如果這聽起來很熟悉,我們有個好消息。
今天,我們為企業客戶發布了一個小(但強大)的更新,讓您可以刪除 robots.txt 文件中自動生成的 sitemap.xml 地址並輸入您自己的地址。這使得使用反向代理連接單個域上的多個項目變得更加順暢,並確保搜索引擎了解它們屬於同一域。
要刪除默認的 sitemap.xml 地址並輸入您自己的地址:
前往網站設置的 SEO 選項卡
啟用切換到“從 robots.txt 中刪除 sitemap.xml”
在上面的 robots.txt 字段中輸入您的核心域的站點地圖
保存更改並點擊發布
就是這樣!如果您有任何疑問或需要幫助,請隨時與您的客戶經理聯繫以獲取更多信息。
在一系列性能和穩定性改進之後,Webflow 很高興地宣布我們為所有客戶增加了靜態頁面限制。
在一系列性能和穩定性改進之後,我們很高興地宣布我們已經為所有客戶增加了靜態頁面限制。
Webflow 致力於讓我們的客戶能夠在 Webflow 上擴展他們的業務,今天我們很高興地宣布我們已經提高了所有客戶的頁面限制。
無需額外費用,付費站點計劃中的任何人現在都可以將他們的網站擴展到最多 150 個靜態頁面。而且,如果您使用的是企業計劃,則可以將您的網站擴展得遠遠不止於此。
為實現這一目標,我們在 Designer 和發布方面進行了一系列基礎性改進,以允許客戶構建更大、更強大的站點,而不會影響性能或最終用戶的體驗。
“能夠靈活地將我們的網站擴展到超過 100 個靜態頁面——無需考慮我們如何整合現有頁面——這讓我們的團隊行動得更快。我們很高興看到 Webflow 繼續投資於我們需要的性能優化擴展我們的站點。”
- Jasper 營銷高級總監 Austin Distel
靜態頁面的增加遵循過去一年的連續創新和改進,使 Webflow 成為各種規模企業的最佳平台——包括將我們的 CMS 擴展到遠遠超過 10,000 個項目,通過頁面分支和角色和權限解鎖高級協作工作流,安全性增強,等等。更多的。我們一直在尋找讓 Webflow 變得更好的方法,我們很高興看到我們的客戶在未來創造什麼。
要詳細了解我們如何解鎖更高的頁面限制以及我們下一步的工作,請繼續閱讀。
為了擴展靜態頁面限制——網站性能需要在 100 頁、200 頁和更多時保持一致。以下是我們所做的一些改進,這些改進為增加限制奠定了基礎。
從歷史上看,為客戶解鎖更高頁面限制的主要瓶頸之一是 Designer 的整體性能和速度。隨著站點規模的擴大,加載項目、構建或簡單地四處點擊感覺會慢很多,因此我們進行了一些底層更新——例如優化 CSS 的打包和呈現方式——以確保你的項目在增長時保持高性能。
以下是 Designer 中的一些區域,這些更新顯著提高了速度和響應能力。
**正在加載您的項目。**現在,當您在 Designer 中打開您的項目時,您會發現加載時間大大減少了。
**在頁面之間切換。**我們已經顯著減少了從一個頁面導航到另一個頁面時可能發生的延遲,以及重新排序頁面所需的時間。
**使用樣式。**對於較大的站點,創建、複製和重命名類和样式現在要快得多。
**在整個設計器中與關鍵功能進行交互。**與頁面面板、元素設置、導航器、樣式管理器、組件和網格佈局的交互速度更快,整體響應更快。
與 Designer 中的挑戰類似,Webflow 上較大的站點可能需要更長的時間才能發布。因此,我們著手提高整體發布性能和穩定性,以及發布體驗本身。以下是其中一些變化:
**提高發布過程的可見性。**我們最近發布了發布體驗的更新,讓您可以看到自己所處的發布階段,讓您更好地了解發佈時間。
**提高了發布速度和穩定性。**多項基礎性改進(例如簡化 JavaScript 和 CSS 編譯以及加速靜態頁面呈現)使我們能夠更快、更可靠地發佈內容,尤其是對於大型網站。
大型網站的**持續性能和穩定性改進。**雖然我們在過去幾個月中進行了大量優化以解鎖這些更高的頁面限制,但我們的工作並不止於此。我們將繼續交付增量改進,讓您的工作更快、更高效。
持續投資協作以幫助團隊擴展他們的合作方式。這包括新的角色和權限,例如評論以集中反饋和簡化您的構建。
將本地化引入 Webflow,以便您可以將站點擴展到全球受眾。(請密切關注我們的最新進展👀)。
要為您的項目解鎖 150 多個頁面或了解有關此更新的更多信息,請聯繫我們的銷售團隊。
內容管理,滿足視覺設計
創建您需要的內容結構,添加內容(手動、從 CSV 或通過我們的 API),然後進行可視化設計。最後,一個適用於編輯、設計人員和開發人員的內容管理系統。
推出於 2023 年 2 月 1 日
作為使我們的 CMS更具可擴展性的持續工作的一部分,我們對大型網站的編輯器進行了重大性能改進。
基於去年對我們的 CMS 基礎架構的基礎改進,Designer 的相同性能改進現在已在編輯器中實現。平均而言,擁有超大型網站的客戶現在將在 Webflow 編輯器中看到以下改進:
項目加載速度提高 15 倍
加速訪問或編輯集合數據所需的 RAM 使用量減少 5 倍
RAM 使用量減少 6 倍,顯著緩解內存壓力,從而減少瀏覽器上的編輯器崩潰
加載大型項目所需的帶寬減少 86 倍
除了上面詳述的改進性能外,我們還對過濾和瀏覽進行了一些較小的用戶體驗更新,以反映我們去年在設計器中所做的更改。您現在可以:
細化和過濾集合中的項目
預加載前 100 個數據項後,對集合進行分頁
查看我們的Webflow 教學文件,了解有關產品內更改的更多詳細信息。
超過 100 萬設計師使用 Spline 來直觀地建立複雜的 3D 動畫。現在,設計人員可以將這些 3D 資源本地引入設計器中,並在任何網站上展示它們,而無需自訂程式碼。
您也可以使用 Webflow 互動來控制樣條線場景。這意味著物件、相機、燈光等都可以在 Webflow 中進行本機控制 - 您甚至可以為物件群組設定動畫。
我們很高興與 Spline 合作,並向 Webflow 用戶提供超級年度計劃 - 30% 的折扣(代碼:WebflowFriends(區分大小寫))
要了解更多有關新樣條線元素的資訊並查看其實際效果,請查看我們在 Webflow University 上的課程。
改進的暫存和發布工作流程,提供更多可見性並更嚴格地控制更改如何生效到您的生產網站。
為了讓您更好地控制如何將變更推送到您的即時站點,我們為企業客戶引入了一個新的發布工作流程,該工作流程為您提供所有建議變更的預發布摘要,並能夠直接從暫存網域發佈到您的生產環境領域。它的工作原理如下:
在新的發布工作流程中,您可以全面了解將在暫存網站上進行審核的變更以及將在生產網站上生效的變更:
第一列的變更摘要向您展示了設計器中的內容與登台網站上的內容之間的差異。
第二列的變更摘要顯示了暫存站點和生產站點之間的差異。
這種可見性使您可以全面了解擬議的變更以及您的團隊在新網頁版本發布過程中的位置。最重要的是,您可以直接從暫存域發佈到生產域,因此同時工作的大型團隊可以確信設計器中的意外變更不會漏掉。透過這種改進的可見性和控制,您可以安全地邀請更多網路貢獻者並快速、自信地發布。
新的發布工作流程只是即將發布的版本的基礎,例如能夠暫存分支 - 請繼續關注!
August 8, 2023
我們讓專家、機構和自由工作者更容易將客戶網站展示到他們的 Webflow 個人資料中,即使網站位於客戶的工作區中也是如此。
我們從 Webflow 專家那裡得知,當網站位於客戶的工作區時,在 Made in Webflow 上展示他們的作品及其 Webflow 設定檔可能會很困難。
從今天開始,網站所有者可以將代理商、自由工作者和任何其他網站貢獻者添加到其網站的創作者積分中- 添加後,這些用戶可以無縫地向Made in Webflow 及其Webflow 個人資料展示作品,而無需將網站複製到自己的帳戶。
它的工作原理如下:
網站擁有者、工作區成員和訪客現在可以透過「常規設定」標籤將最多三個其他 Webflow 使用者或工作區新增至網站的建立者積分中
添加後,標記的創建者將能夠向 Made in Webflow 展示該網站,並在其 Webflow 個人資料中展示網站
即使網站所有者沒有向自己的帳戶展示網站,標記的創建者也可以展示該網站。
透過創作者積分展示的網站將始終反映網站的最新發布版本。我們將探索如何讓使用者能夠在未來展示網站的特定版本。
一如既往,我們鼓勵專家和自由工作者在向客戶展示個人推廣網站之前確保獲得批准。
基於上個月,今天我們進行了另一項強烈要求的更新:允許您將組件添加到集合列表,並將 CMS 數據連接到組件屬性。
這可讓您重複使用已轉換為 CMS 內容元件的常見設計模式,同時將這些佈局與網站上元件的所有其他實例保持同步。
以下是新內容的簡要概述:
將組件新增至集合清單。現在可以將元件拖曳到 CMS 集合清單以及 CMS 頁面範本
將集合清單中的元素轉換為元件。集合清單項目中的元素現在可以轉換為元件,就像任何其他元素一樣
推出於 2023 年 2 月 8 日
在 11 月的 Webflow Conf 上,,靈活的網站佈局集合,由 Webflow 審查,並由頂級 Webflow 創建者設計。自推出 Beta 版以來,我們從社區聽說圖書館如何輕鬆地在創紀錄的時間內構建和發布精美的網站。
今天,我們根據過去幾個月從 Webflow 社區收到的反饋和建議,推出了一些小而有影響力的更新。
這是新功能:
在您的庫中搜索佈局 我們通過將搜索功能添加到“添加”面板的“佈局”選項卡,使查找您正在尋找的佈局類型變得更加容易。現在,您可以跨庫或在您站點上安裝的任何單個庫中搜索佈局類型(例如導航欄、英雄部分、頁腳等)。
改進的導航 添加面板現在會記住您在將佈局添加到畫布後的上次瀏覽位置——減少從同一庫中快速添加多個佈局所需的點擊次數。
改進的佈局預覽 現在,您可以在將鼠標懸停在“添加”面板中的佈局上,在將佈局添加到畫布之前查看佈局的放大預覽。
我們還看到,新的發布工作流程與我們最近的協作版本一起使用時,可以解鎖更複雜的團隊工作流程。閱讀我們的,了解您的團隊如何提昇在 Webflow 中的協作和安全發布方式。
中了解有關建立、管理和修改元件的更多資訊。
色樣支持 使用色樣快速設計庫佈局。庫創建者現在可以包含色板——讓您可以輕鬆地更新畫布上多個佈局的顏色,以及從該庫安裝的未來佈局。
想成為圖書館創作者? 我們計劃在未來幾週內將有限數量的用戶添加到圖書館創建者計劃中。。
推出於 2023 年 2 月 9 日
如您所知,Google 宣布Universal Analytics 將於 2023 年 7 月 1 日正式停用,並由 Google Analytics 4 取代。在此日期之後,Universal Analytics 屬性將變為只讀,並將停止從網站接收新數據。
為了幫助 Webflow 用戶為這一變化做好準備,我們對 Google Analytics 集成進行了一些更新,可在“集成”選項卡下的“站點設置”中找到。
以下是您需要了解的內容:
今後,Webflow 的 Google Analytics 集成(可通過您的網站設置獲得)將僅接受 Google Analytics 4 測量 ID。
如果您當前通過此集成配置了 Universal Analytics 測量 ID,您現在將在站點設置的“集成”選項卡上看到一條提示,將您現有的測量 ID 替換為 Google Analytics 4 ID。您的 Universal Analytics 腳本將保持不變,並將繼續向該媒體資源傳遞數據,直到該產品被 Google 正式停用,但您可以隨時選擇將其刪除。
如果您當前通過此集成配置了 Google Analytics 4 測量 ID,您現在將在站點設置的“集成”選項卡上看到一條提示,提示您重新保存並發布您的站點,以確保在 2023 年 7 月 1 日之後繼續進行跟踪。
我們刪除了以前允許您啟用或禁用 IP 匿名化和 gtag.js 的開關,因為這兩者都是 Google Analytics 4 中的必需配置。
我們將發送一封電子郵件,其中包含有關在未來幾週內更新您的網站跟踪所需的具體操作的更多信息。同時,您可以在 Webflow 討論區 上了解有關如何為您的網站設置 Google Analytics 以及如何將現有跟踪更新為 Google Analytics 4 的更多信息。
推出於 2023 年 3 月 14 日
我們聽到了您的反饋,如果能夠在 CMS 集合頁面上使用動態數據來使自定義代碼和 HTML 屬性更加強大,那該有多酷——我們很高興地告訴您,您現在可以綁定 CMS 數據字段或組件屬性到自定義屬性或元素 ID。
在自定義屬性中使用動態數據的示例 –
通過使用數據填充 ARIA 屬性和其他掛鉤來提高站點的可訪問性。
使用 CMS 數據來控制使用 HTML 數據屬性的集成或小部件,例如地圖或社交媒體預覽。
為編輯人員提供使用組件屬性設置屬性的方法,從而實現技術控製而無需複雜性或擔心它們會破壞站點。
使用自定義 CSS 根據字段值自定義頁面樣式。例如,通過將類別字段綁定到屬性,然後在 CSS 中使用屬性選擇器(如 div[data-category]),您的博客的不同類別可以看起來不同。#IYKYK
或者你能想到的任何其他東西!
簡而言之,將屬性與 CMS 一起使用可以進一步彌合設計、代碼和動態數據之間的差距——為您創建的網站提供強大的功能和靈活性。您將通過哪些其他方式使用此新功能?在這裡加入對話,讓我們知道!
更新: ……就像那樣,數據綁定現在也適用於集合列表和嵌套集合!
早在 12 月,我們就推出了可變字體測試版,目標是為每個人解鎖更多控制和創意可能性。從那時起,我們就從 Webflow 社區聽到了壓倒性的積極反饋,關於此功能的珍貴程度以及它在網站設計中提供的表達機會。今天,我們推出了一些有影響力的更新,重點是擴展功能和用戶體驗。
繼續閱讀以下內容,了解最新消息 –
設計師現在可以為可變字體的自定義軸(視覺尺寸、傾斜、重量、寬度等)設置動畫,以獲得更多創意可能性。以前,設計人員只能修改已註冊的軸,但現在字體中支持的所有軸都可以在交互事件中配置。
設計人員現在可以快速識別可變字體和靜態字體——這在很大程度上要歸功於添加的新指示器,可以更輕鬆地查看哪些字體支持變體。作為額外的好處,您還可以在字體選擇器中檢查那些受支持的變體。
為了提高可發現性,我們將字體變體控件移出“更多類型選項”選擇器。現在設計師可以更輕鬆地從樣式管理器中的版式面板進行訪問。
為了增加更無縫的體驗,現在設計師可以從我們的新字體變體面板中一步自定義所有支持的變體——您將不再需要手動添加每個變體。
設計師添加到項目中的自定義字體和谷歌字體現在位於字體選擇器的頂部,以便於訪問。現在字體系列被分組為“站點字體”或“默認字體”,並簡化了設計人員確定他們添加的字體與項目開始時提供的默認字體的方式。
–
你試過可變字體了嗎?提醒一下,如果您想了解可變字體如何在 Webflow 上工作,包括如何上傳您自己的自定義字體——請務必查看我們更新的 Webflow 大學文章以獲取指導。
推出於 2023 年 3 月 16 日
Lottie將 Adobe After Effects 動畫的強大功能帶到了網絡上。今天,我們發布了 dotLottie 文件支持,這意味著您可以將 After Effects 動畫直接添加到 Webflow 中,文件大小比以往任何時候都小,加載時間更快。借助 Webflow Interactions,您可以將這些動畫與頁面加載、頁面滾動甚至鼠標移動等強大的觸發器相關聯——在您的 Webflow 站點上創建強大的交互體驗。
需要注意的一件事——由於瀏覽器的限制,您無法將 dotLottie 文件拖放到您的資產中,但是您仍然可以*直接*通過資產面板上傳您的 dotLottie 文件。
今天一定要試一試!
今天,我們為大型團隊提供了更多的權力、控制和可見性,並通過對頁面分支的大量增強——今天為Webflow Enterprise客戶和Enterprise Partners提供。
11 月,我們向全世界發布了頁面分支功能,使多名設計師能夠同時在不同的頁面上工作。這允許團隊通過在同一站點上並行工作來更快地構建和發布,並且還可以對特定頁面進行更改,而不必擔心這些更改會在準備好之前發布。
在最初的幾個月裡,客戶表現出極大的興趣和興奮,我們很高興能夠使頁面分支功能更加強大。這是我們今天添加到頁面分支的內容:
修改分支上的類和頁面設置。通過修改分支上的類和頁面設置(自定義代碼、SEO 設置等)的能力解鎖更多設計控制。
檢查並解決分支和主站點之間的類衝突。您現在可以一個接一個地審查相互衝突的設計,並在將您的分支合併回主站點之前選擇要保留的版本。
在站點活動日誌中跟踪分支活動。在站點活動日誌中查看重要的分支事件- 進行了哪些更改,創建/刪除/合併分支的時間等等。
創建與預建動畫的交互。通過使用預先構建的動畫(即將支持自定義動畫)在分支上添加新的交互。
有關這些增強功能的更多詳細信息,請查看我們的Webflow 大學文檔。要了解有關如何訪問頁面分支或觀看演示的更多信息,請聯繫我們的銷售團隊。
Webflow 新功能: Quick Stack 讓你快速建構頁面的模塊
今天我們要介紹 Quick Stack,這是設計面板中的全新元素,透過新的畫布控制和佈局預設功能,加快你的建構流程,可以用於建立 Hero Image、Menu、版型等常見結構。
使用Quick Stack,你可以:
透過從最常見的預設列表開始,節省建立常見網站佈局的時間
快速更改預設
建立適應任何螢幕大小的響應式設計
利用新的Quick Stack元素加快你的建構流程
注意:Quick Stack與網格相似,但在一個關鍵方面有所不同 - 無論你有多少行或列,一個Quick Stack元素都已預先填充了內部的div。
這使得它非常適合剛剛開始或者需要節省建立關鍵結構網站佈局的時間。對於需要額外定制的更進階建構,網格更適合,因為它具有彈性。
要了解更多有關Quick Stack的資訊,並看到它的實際操作,請觀看我們的Webflow University視頻並查看我們在Webflow University的文章。
推出於 2023 年 2 月 23 日
如果您是代理機構的一員或作為自由職業者工作,您很可能是多個工作區的成員,或者是其他幾個工作區的如果是這樣的話,您可能很難在這些不同的團隊之間找到自己的出路。如果這描述了你,我們有好消息。
感謝來自多個工作區的客戶的及時反饋,我們進行了一些更新,使您可以更輕鬆地在 Webflow 的不同團隊之間移動:
設置默認工作區。現在,您可以在工作區設置中設置默認工作區,以指定打開儀表板時要查看的工作區。
清理設計。我們還清理了用於切換工作區的下拉菜單,將默認工作區放在頂部,按字母順序對其他工作區進行排序,並建立一個可滾動的集合高度以減少混亂。
我們希望這能讓那些經常進出 Workspaces 的人的生活更輕鬆。享受!
今天,我們將 Workspace Creator 個人資料 URL 從原來的 webflow.com/team/{handle} 格式更新為一種新的、更簡化的 webflow.com/@{handle} 格式——就像我們在 11 月對所做的那樣。
例如:webflow.com/team/webflow → webflow.com/@webflow
除了改進個人資料的品牌之外,您現在還可以直接控制選擇您的 Workspace 個人資料 URL。只需並使用新的“Workspace 配置文件 URL”字段來選擇您選擇的任何可用 URL。
從舊 URL 到新 URL 的重定向已經到位,所有指向您以前的公開個人資料 URL 的鏈接將繼續有效。
不受銷售限制地擴展您的業務
為了幫助客戶擴展其電子商務網站以滿足他們的需求,今天我們將從所有電子商務網站計劃中取消銷售限製或商品總價值 (GMV) 限制。
立即生效,新的電子商務標準版和增強版計劃客戶無需擔心達到銷售限製或超出基於銷售量的網站計劃。
請查看我們的,以了解有關我們的電子商務網站計劃的更多詳細資訊。
推出於 2023 年 3 月 27 日
在 CSS 中,視口是瀏覽器窗口中用於顯示網頁的區域。視口的大小可能會受到用於查看網頁的設備大小和縮放級別的影響。視口高度 (VH) 和視口寬度 (VW) 單位通常用於創建響應式設計,根據視口的大小調整佈局。
移動瀏覽器引入了動態工具欄,可以在網站訪問者滾動時出現或消失;這會導致固定元素被截斷並影響站點訪問者體驗的整體質量。
今天,我們很高興發布新的 CSS 視口寬度和高度單位(小、大和動態),以便在為使用移動瀏覽器的網站訪問者設計網站並與動態工具欄交互時為設計人員提供額外的靈活性。這些新的 CSS 單元將使您能夠確保固定元素不會被移動設備上的工具欄截斷。要使用新的 CSS 視口單元,只需轉到設計器上的樣式面板,並且一定要查看我們最新的 Webflow 大學文章以了解更多信息。
推出於 2023 年 3 月 21 日
今天,我們為大型團隊提供了消除噪音的能力,並使用過濾器在站點活動日誌中快速找到他們需要的內容——今天可供Webflow 企業客戶和企業合作夥伴使用。
去年,我們發布了站點活動日誌,以幫助團隊跟踪對站點所做的重要更改(進行了哪些更改、誰進行了更改以及何時進行了更改),並使識別和修復可能出現的問題變得更加容易。
在過去的一年裡,擴展團隊在很大程度上依賴站點活動日誌來讓他們在一起工作時安心。但隨著團隊規模的擴大,並且由於我們添加了在日誌中跟踪頁面分支活動的功能,因此跟踪的列表變得越來越大,解析起來也越來越耗時。
這就是為什麼我們很高興在網站活動日誌中引入過濾器,讓您:
按活動類型過濾。自定義您希望跨類、自定義代碼、分支事件等查看的活動類型。
按作者過濾。指定您是要查看所有作者的結果還是特定作者的結果。
作為對站點活動日誌的額外改進,類修改事件現在將包含一個新的可點擊“列表”圖標,該圖標將顯示受類更改影響的元素和頁面。您將能夠通過單擊直接導航到受影響的元素或頁面,從而更快地跟踪和修復站點問題。
有關這些增強功能的更多詳細信息,請查看我們的 Webflow 教學文件。要了解有關如何訪問網站活動日誌或觀看演示的更多信息,請聯繫我們的銷售團隊。
推出於 2023 年 4 月 26 日
繼去年在 Webflow Conf 上推出組件後,我們一直在聽取社區的反饋意見,並就如何改進該功能進行整合。這就是為什麼我們要恢復到以前的行為來編輯畫布上的組件——根據您的反饋——更流暢、更直觀。
以下是新功能的簡要概述:
雙擊編輯主組件。雙擊未連接到屬性的組件上的任意位置現在將(再次)編輯主要組件。
在畫布上編輯組件屬性。您仍然可以選擇可通過組件屬性自定義的元素,並直接在畫布上進行編輯。
改進的標籤。我們還添加了更清晰的標籤,讓您知道您是在編輯一個組件還是它的一個實例。
更輕鬆的菜單導航。最後,我們使用於編輯組件和屬性的菜單更易於瀏覽。
在這篇 Webflow University 文章中了解有關創建、管理和修改組件的更多信息。
推出於 2023 年 4 月 24 日
為了繼續努力為 Webflow 帶來更多 CSS 的創造力,我們很高興在 Webflow Designer 中 推出文本筆劃樣式。
現在,設計師可以輕鬆地為他們的文本添加輪廓或邊框,從而在他們的設計中獲得更多的創作自由和靈活性。此更新還有助於通過減少對自定義代碼或第三方插件的需求來簡化設計過程,使用戶可以更輕鬆地在 Webflow 平台內創建和管理他們的設計。
要了解有關此新屬性如何工作以及如何將其用於 Webflow 設計的更多信息,請查看我們關於 Webflow 大學的文章。
推出於 2023 年 4 月 21 日
為了提高發佈到我們的 webflow.io 域的網站的安全性和可發現性,我們將該域添加到,這將導致 URL 以 webflow.io 結尾的網站的分析 cookie 行為發生一些變化。
誰受到影響?僅發佈到 webflow.io 的網站將看到其分析 cookie 被重置。在自定義域上設置了 cookie 的網站將看不到其 cookie 的任何更改。(此更改應僅影響免費站點和測試/暫存 URL)。
發生了什麼變化?Google Analytics 和 Facebook pixel 等分析工具的 Cookie(即使您在儀表板中設置了它們)將重置,這意味著返回您網站的現有訪問者在網站上線後首次訪問時將不會被識別為回訪者。
這什麼時候會發生?不同的瀏覽器會在不同的時間將此更改生效,但此更改最早可能會在 6 月推出。
我能做些什麼來保存我的餅乾?如果您想保留 webflow.io 域中的現有 cookie,您可以添加到您的站點。
有關此更新的更多詳細信息,請查看我們。
利用 Figma 對自動佈局的最新改進,直接在 Figma 中建立響應式佈局,並輕鬆將其匯入 Webflow。
就像您一樣,我們很高興在幾週前的 Figma Config 會議上聽到所有最新公告。我們的團隊不斷用最新、最好的 Figma 版本更新我們的Figma 插件,並且透過支援他們最近對自動佈局的改進,現在可以更輕鬆地將響應式、自動佈局驅動的設計從 Figma 帶到 Webflow。
雖然您仍然可以使用我們的預先建置元件來快速使用響應式模板,但 Figma 使用者現在可以使用自動佈局來建立自己的自訂設計,這些設計將作為響應式設計匯入 Webflow 中。
這很簡單 - 在 Figma 中,設定最小/最大寬度並在父框架上換行。然後使用 Figma 外掛程式複製並貼上到 Webflow 中以取得網站上的響應式元素。
今天,我們引入了鍵盤快捷鍵,使用戶能夠更有效、更精確地在 Webflow 畫布上移動元素,從而減少對滑鼠和導航器的需求。
這些快捷鍵可讓您在畫布上移動元素:
將元素移到上一個元素之前:[或Command +向下鍵(Mac) 或Control +向下鍵(Windows)
將元素移到上一個元素之後:]或Command +向上鍵(Mac) 或Control +向上鍵(Windows)
將元素移到目前父級中的同級元素之前:Command + [或Command + Left (Mac) 或Control + Left (Windows)
在目前父級中的同級元素之後移動元素:Command + ]或Command +向右鍵(Mac) 或Control +向右鍵(Windows)
將元素移到父元素之前:Command + Shift +向上鍵(Mac) 或Control + Shift +向上鍵(Windows)
將元素移到父元素之後:Command + Shift +向下(Mac) 或Ctrl + Shift + 向下(Windows)
要了解有關這些新快捷命令如何運作的更多信息,請查看我們關於 Webflow University 的文章。
三個新的畫布和鍵盤快捷鍵可進一步簡化您的工作流程。
今天,我們推出 3 個新的鍵盤和畫布快捷鍵,進一步簡化您的工作流程,讓您更輕鬆、更快速地建立像素完美的佈局。
前 2 個捷徑可讓您透過右鍵點擊畫布或鍵入下列捷徑將元素包裹在 V Flex 或 H Flex 元素中:
H Flex 換行:Command + H(在 Mac 上)或Control + H(在 Windows 上)
V Flex 換行:Command + G(在 Mac 上)或Control + G(在 Windows 上)
第三個捷徑可讓您展開 元素 ,從而刪除其父級 div、部分、H Flex 等。
展開元素:Command + Shift + G(在 Mac 上)或Control + Shift + G(在 Windows 上)
您可以在我們的Webflow University 文章中了解有關包裝和展開元素的更多資訊。
推出於 2023 年 5 月 2 日
由於近期的一系列更新和優化,在 Designer 中導航和工作現在應該會感覺更快一些——尤其是對於 50 頁或更多頁面的網站。
以下是設計器中的特定區域列表,我們在這些區域中加快了速度:
打開設計器並加載您的項目
在頁面之間切換花費的時間更少
提高了頁面面板、元素設置、導航器和样式管理器的速度
使用網格佈局響應更快
……還有更多正在路上!
這些只是我們想要分享的一些近期更新的一部分,但隨著我們繼續測試和推出改進以及對整體發布穩定性和體驗的改進,還會有更多更新。因此,請睜大眼睛看更多!
現在您可以在文件夾中嵌套收藏頁面以優化您的 SEO——作為獎勵,您還可以復制收藏結構並從您的站點地圖中隱藏給定收藏的所有模板頁面。
今天的發布以項目符號列表的形式簡單介紹了 CMS 的三個更新:
在文件夾中嵌套集合頁面以進行更多 URL 控制。在 URL 子目錄中發布您的收藏項目以優化您的 SEO 配置文件。
防止給定集合的模板頁面發布。並非所有的收藏集都應該發布模板頁面——所以現在您可以在每個收藏集級別禁用發布。
重複的集合結構。通過複製現有字段的字段來快速創建集合,而不是需要一個一個地重建每個字段。
在今天之前,您所有的收藏頁面只需要從您的根域向下一級。舉例來說,這是過去的工作方式:
您的“博客文章”集合將項目發佈到website.com/blog/example-post
您的“案例研究”收藏發佈到website.com/customers/example-case-study
現在,您可以在收藏頁面設置中設置父文件夾,以在子目錄 URL 上提供這些頁面,例如:
“博客文章”可以發佈到website.com/content/blog/example-post
同樣,您的“案例研究”合集現在可以發佈到 website.com/content/customers/example-case-study
您甚至可以嵌套多層次的收藏頁面,例如:website.com/content/enterprise/blog/example-post
這種新的控制級別在微調 SEO 時特別有用。
對於你創建的每一個 Collection,Webflow都會生成一個對應的模板頁面。除非您首先對空白模板頁面進行更改,否則這些模板頁面不會發佈到您的站點地圖中——但在今天之前,一旦您進行了更改(無論更改有多麼小),這些模板頁面就會生效並被搜索索引引擎。
現在,要完全阻止這些收藏頁面的發布,只需切換收藏設置中的開關即可。
最後,現在您可以復制現有的集合結構來更快地構建您的內容庫。只需打開您要復制的收藏集的設置,然後點擊頂部的複制收藏集按鈕。
就是這樣!我們希望這些能讓您的生活更輕鬆一些,並為您在 Webflow 中的構建釋放新的力量。享受!
無需離開鍵盤即可管理課程。
今天,我們引入了 2 個新的鍵盤快捷鍵來更有效地管理元素的類別:
複製最後一個類別:Command + Option + Enter(在 Mac 上)和Control + Alt + Enter(在 Windows 上)
刪除最後一個類別:Option + Shift + Enter(在 Mac 上)和Alt + Shift + Enter(在 Windows 上)
要了解有關這些快捷方式(以及其他 Webflow 快捷方式)的更多信息,請查看。
現在,工作區擁有者可以從儀表板中刪除 Webflow 工作區,而無需聯絡客戶支援。
如果您曾經想從儀表板中刪除不再相關的工作區,今天的版本適合您。感謝客戶最近的一些回饋,我們使工作區所有者可以自行歸檔工作區,而無需聯繫客戶支援。
您將在工作區設定中看到一個用於存檔工作區的新選項。若要全面了解如何存檔工作區,請查看我們的。
注意:企業客戶無法自行存檔工作區,應與其客戶成功經理或合作夥伴經理合作執行此操作。
我們正在對開發者平台進行一些重大更新,以幫助開發者釋放新的機會,為 Webflow 社群建立強大的產品。
我們正在對開發者平台進行一些重大更新,以便為開發者提供新的機會,讓他們透過 Webflow Marketplace 為我們快速發展的社群建立強大的產品。
以下是新內容:
設計器擴充。開發人員現在可以透過名為 Designer Extensions 的全新將其應用程式的強大功能引入 Webflow Designer 。設計器擴充功能由一組官方的 Webflow Designer API 提供支持,可讓您的應用程式直接與網站的畫布交互,同時為您的用戶創建無縫的本機體驗。
新的 REST API。我們正在推出其中包含四個新 API,可實現與 Webflow 核心功能(包括資產、頁面、表單和自訂程式碼)的更深入整合。
改進的身份驗證流程。我們,讓您可以定義應用程式所需的特定權限,確保我們的使用者對應用程式可以代表他們存取的資料以及它可以採取的操作有更多的控制權。
August 29, 2023
工作區管理員和所有者現在可以將站點計劃從一個站點轉移到另一個站點,以簡化站點和計費管理,而無需取消任何現有計劃。
您是否曾經複製過網站以進行重新設計,然後決定用這個新網站取代舊網站(包括附加到原始網站的活動網站計劃)?借助今天的更新,工作區管理員和所有者可以做到這一點,確保您可以繼續前進,而無需進行繁瑣的重新配置或取消。
新網站會發生什麼事?
您轉移的網站計劃的詳細資訊將轉移到新網站,包括您的計費時間表、網站和網域設定以及付款方式。
舊網站會發生什麼事?
轉移網站計劃後,舊網站將降級為免費的入門計劃,並且您的自訂網域將被刪除。
September 14, 2023
我們知道網站並不存在於真空中,成功的網站與企業蓬勃發展所需的工具和流程深度整合。自去年推出測試版 Webflow Apps 以來,我們的團隊一直致力於為建立和啟動成功網站的這項關鍵組件提供更多功能和靈活性。
今天,我們很高興宣布推出下一代Webflow 應用程式- 將應用程式的強大功能帶入設計器中,以解鎖應用程式可以幫助增強Webflow 構建方式的新方式,並更深入地與您日常使用的工具集成。
以下是新內容:
將改變您在 Webflow 中建置方式的應用程式。有了設計器中的新家,應用程式現在可以直接在 Webflow 中打開,透過即時添加和編輯表單、圖像和文字等網站元素,解鎖應用程式與網站畫布直接互動的強大新方式。
與您的技術堆疊無縫整合。應用程式現在可以連接更多 Webflow 的核心功能,從而可以與堆疊中的工具(例如 CRM、行銷自動化和分析平台)進行更強大的整合。
透明的權限。我們引入了改進的安裝和授權流程,讓團隊在將應用程式安裝到網站或工作區時查看並接受更細化的權限。
無論您已經擁有完美的自訂網域還是尚未申請一個,現在都可以比以往更輕鬆地將自訂網域連接到 Webflow 中的網站。
無論您已經擁有完美的自訂網域還是尚未申請一個,現在都可以比以往更輕鬆地將自訂網域(或子網域)連接到 Webflow 中的網站。本次更新包括兩個主要變更:
輕鬆尋找並連接現有網域:如果您的網站已有自訂網域,請使用新的「快速連線」選項與您的主機供應商無縫驗證所有權並連接您的網域。注意:此整合涵蓋大多數(但不是全部)託管提供者。您也可以隨時。
購買新網域:您也可以直接從 Webflow 購買新的 IONOS 自訂網域。購買後,我們將自動將您的新網域與 Webflow 連接並套用正確的 DNS 記錄以獲得無縫體驗。
若要設定或管理您的自訂網域,請前往網站設定 > 發布標籤 > 生產。有關更多信息,請查看Webflow University 上的
請記住,這些更新將在接下來的幾週內推出,因此它們可能尚未在您的帳戶中可見。
August 31, 2023
請訪問我們的,了解有關新 API、設計器擴充功能的更多信息,並開始為 Webflow Marketplace 建立應用程式。
注意:了解有關遷移到我們的 V2 API 的更多資訊 如果您以前使用 v1 進行開發,,其中包含您需要了解的有關遷移到我們的 v2 API 的所有資訊。
有關此功能的所有詳細資訊和來龍去脈,請查看我們的。
新的應用程式面板。現在,您可以直接在設計器中從新的應用程式面板存取從安裝到網站或工作區的應用程式。
作為今天發布的一部分,我們將在 Webflow Marketplace 中推出來自 HubSpot、Jasper、Unsplash、Typeform、Finsweet、Memberstack 等合作夥伴的 20 多個新應用程式!現在您可以在也可以訪問以了解有關應用程式入門的更多資訊。
推出於 2023 年 4 月 21 日
自發布我們的Figma 插件以來,我們一直在密切聽取我們社區的意見,我們聽到的請求最多的更新之一是在將元素從 Figma 複製和粘貼到 Webflow 時對類命名的改進。
以前,從 Figma 複製粘貼到 Webflow 時,每次粘貼時都會重複類,導致 Webflow 類系統很快失控。
在今天的發布中,我們為您提供了在 Figma 層和 Webflow 類之間共享樣式而無需重複類的選項:
使用 Webflow 類粘貼
Mac 上的 Command + Shift + V 或 Windows 上的 Control + Shift + V
例如,如果您在 Figma 中有一個紅色背景的“按鈕”,但您的“按鈕”類在 Webflow 中具有綠色背景,這會將一個綠色背景的按鈕粘貼到 Webflow 中。
粘貼更新 Webflow 類
Mac 上的 Command + Option + V 或 Windows 上的 Control + Option + V
例如,如果您在 Figma 中有一個帶有紅色背景的“Button”,但您的“Button”類在 Webflow 中具有綠色背景,則 Webflow 中的 Button 類背景顏色將變為紅色。
注意:為確保複製和粘貼順利進行,您需要在第一次粘貼時授予 Webflow 訪問剪貼板的權限——然後刷新您的 Designer 以更新設置,然後再從 Figma 粘貼。
我們針對跨不同業務部門、多個電子郵件網域和多個工作區工作的組織對 SSO 進行了一些更新。
使企業能夠通過 Webflow 進行擴展,我們剛剛解鎖了大型企業通常需要的關鍵 SSO 功能,以幫助入職和管理他們的團隊。
從今天開始,我們將引入 SSO 支持:
具有多個工作區的團隊。例如,具有不同 Webflow 工作區的兩個業務部門。
具有多個電子郵件域的團隊。例如,@acme.com 和@company.com 電子郵件地址的用戶都需要訪問同一個 Webflow 工作區,這可能是在收購之後。
工作區級別的身份驗證。為受 SSO 保護的工作區提供更嚴格的安全性,並為其餘工作區提供靈活的選項。用戶現在將為每個工作區進行 SSO 身份驗證。
我們很高興能更好地為我們的擴展企業客戶提供服務。要開始將其中任何一個實施到您自己的環境中,請聯繫您的客戶成功經理。
使用 DevLink 在 Webflow 中直觀地建立可用於生產的 React 元件,並簡化設計到開發流程。
繼 11 月在 Webflow Conf 上進行預覽之後,我們很高興今天在公開測試版中向所有客戶開放 DevLink。
DevLink 可讓您在 Webflow 中直觀地建立生產就緒元件,以便您可以:
更快啟動網頁應用程式和產品
同步行銷和產品組件
擴大您為客戶提供的服務
推出於 2023 年 3 月 23 日
今天,我們引入了新的鍵盤快捷鍵和畫布上下文菜單選項,用於將元素包裝在 div 或鏈接塊中,從而簡化設計師之間的通用工作流程。
通常,設計人員希望將元素包裝在 div 或鏈接塊中,以將元素組合在一起,以便在畫布上更輕鬆地設置樣式或組織它們。以前,設計師需要先添加一個 div 或鏈接塊,然後添加他們想要的圖像/內容——或者煞費苦心地來回拖放元素以將它們重新組織到正確的位置。
使用新的 Designer 鍵盤和畫布快捷方式,設計人員可以在幾秒鐘內將元素包裝在 div 或鏈接塊中,從而提高他們的設計速度和工作流程效率。
請參閱我們最新的 WFU 文章,了解有關這些新快捷方式及其工作原理的更多信息。
現在,Workspace 成員可以直接在 Webflow Designer 中分享、檢視和解決回饋,而無需在有評論的工具之間跳轉。
無論您是小型機構還是大型企業組織的一部分,Web 開發過程都是一項團隊運動。這個流程的一個重要部分是以快速有效的方式編譯、分享和根據回饋採取行動的持續任務,我們希望透過直接在 Webflow 中發表評論來讓您更輕鬆地完成這項任務。
今天的版本允許工作區成員(和來賓!)直接在設計器中留下反饋和回复,以加快構建過程並與您的隊友更快地迭代。無論這意味著為隊友留下關於微妙風格細節的評論,還是就特定互動尋求幫助 - 現在所有這些來回都可以在 Webflow 中進行。
雖然今天的發布旨在簡化已經在 Webflow 中工作和構建的人員之間的反饋,但在接下來的幾個月中,我們將擴展到 Workspace 成員之外,並引入免費評論角色,以便您可以邀請其他利害關係人留下有關設計的回饋。
現在,當您在 Webflow 中開啟設計器時,您會注意到頂部欄上有一個新圖標,可將您切換到評論模式。在這裡,您可以在瀏覽網站時看到反饋的共享位置,並單擊不同的元素來留下新評論(有趣的事實:您甚至可以在斷點級別留下評論,企業團隊可以評論分支頁面) 。
右側的面板將向您顯示所有評論,並且可以透過點擊該清單中的評論直接導航到留下回饋的位置。
今天我們所有的工作空間計劃都可以發表評論。要了解有關其工作原理的更多信息,請查看我們有關 Webflow University 的詳細文章。
推出於 2023 年 5 月 3 日
現在,您可以直接從樣式面板中的顏色輸入中快速搜索和選擇色板。通過顯示色板下拉列表及其相應的顏色和名稱,可以更輕鬆地查找和選擇顏色。
當您將鼠標懸停在樣本上時,您現在還會在畫布上看到實時顏色變化的預覽。
目前,這僅在樣式面板和交互中可用。CMS 或編輯器目前不支持搜索樣本。
要了解更多信息,請查看我們關於 Webflow 大學的文章。
推出於 2023 年 5 月 11 日
通過要求身份驗證來保護您的暫存站點: 在將站點更改啟動到您的實時站點之前,私下安全地審查站點更改——現在可供企業客戶使用。
您是否曾經希望可以鎖定您的 webflow.io 暫存鏈接,以便只有您公司的隊友才能訪問它?嗯,好消息——現在你可以了,我們推出了 Private Staging 功能。
Private Staging 是webflow.io 暫存域的一個新選項,它允許您將訪問權限限制為僅屬於您的工作區的已登錄用戶。這使您的團隊可以在公開啟動站點更改之前私下安全地審查它們,並且今天可供企業客戶使用。
您可以在站點設置中將暫存站點設為私有:
這是今年多個版本中的第一個,它將為 Webflow 中的暫存和發布提供更多功能和復雜性。盡快留意更多!
這是一個關於 Webflow的新功能,它支持在Figma插件中使用組合類別。當您將Figma設計粘貼到Webflow中時,您可以通過命名Figma圖層以包含由斜杠分隔的類和組合類來自動創建Webflow組合。
例如,要創建主要按鈕類和深色組合類,您可以在Figma中將圖層命名為“Primary Button / Dark”。現在,在Webflow中,我們已經自動創建了主要按鈕類和深色組合類。這是一種將Figma設計和覆蓋輕鬆帶入Webflow的好方法。順便說一下,組合類支持多個組合類和特殊複製粘貼!我們希望您喜歡我們的 Figma到Webflow插件!
在設計器中引入新角色,以增強內容編輯並使 Webflow 中的建置更具協作性。
我們很高興推出兩個新角色,旨在增強團隊在 Webflow 中的協作方式。
編輯角色為您的內容編輯團隊成員提供了更強大的工具集,以便他們在安全的自訂環境中完成工作。這個新角色以現有編輯器體驗為基礎,並增加了許多全新功能,例如在發布之前添加內容、管理資產等。即日起可用於核心、成長、代理、自由工作者和企業工作空間計畫。
到目前為止,只有工作區成員和來賓才能在設計器中分享、查看和解決評論。從今天開始,Workspace 會員可以以僅限評論的方式邀請任何人加入 Webflow,以免費留下回饋,從而消除在 Webflow 之外共享螢幕截圖或使用第三方工具來推動所需一致性的耗時流程。即日起適用於所有 Workspace 計劃。
有關團隊在 Webflow 中協作的這些新方法的所有詳細信息,請查看我們部落格上的公告。
September 12, 2023
準確控製文字換行的位置。
斷字(“word-break”CSS 屬性)和文字換行(“overflow-wrap”CSS 屬性)是 Webflow Designer 現在支援的兩個最新 CSS 屬性,允許更靈活地控製文字的顯示方式。
預設情況下,文字僅在自然斷點(例如空格)處斷行。
透過斷字,您可以允許每個單字在到達其父 div 的邊緣時斷行。
透過文字換行,您可以允許太長的單字(例如 URL 或檔案路徑)換行。此外,在使用非拉丁語言時,anywhere值非常有用。
您可以在「樣式」面板的「版式」部分的「更多類型選項」下找到這兩個選項。
要了解有關這些新屬性如何運作以及如何在 Webflow 中使用它們的更多信息,請查看我們關於 Webflow University 的文章。
您可以將集合頁面嵌套在文件夾中以優化您的SEO,作為附加功能,您還可以複製集合結構並從您的網站地圖中隱藏給定集合的所有模板頁面
現在,您可以將集合頁面嵌套在文件夾中以優化您的SEO,作為附加功能,您還可以複製集合結構並從您的網站地圖中隱藏給定集合的所有模板頁面。
以簡單的項目列表形式呈現,今天的版本為CMS引入了三個更新:
將集合頁面嵌套在文件夾中以獲得更多的URL控制。 將您的集合項目發布在URL子目錄中,以優化您的SEO概況。
阻止給定集合的模板頁面發布。 並非所有集合都應該有已發布的模板頁面,因此現在您可以在每個集合級別上禁用發布。
複製集合結構。 通過複製現有集合的字段,快速創建集合,而無需逐個重建每個字段。
在URL子目錄中提供集合項目,以便在微調SEO時獲得更大的控制權。
在今天之前,您的所有集合頁面都需要僅從您的根域名下一級。 例如,這是過去的工作方式:
您的“博客文章”集合將項目發布到_website.com/blog/example-post_
您的“案例研究”集合發布到_website.com/customers/example-case-study_
現在,您可以在集合頁面設置中設置父文件夾,以在子目錄URL上提供這些頁面,例如:
“博客文章”可以發布到_website.com/content/blog/example-post_
同樣,您的“案例研究”集合現在可以發布到website.com/content/customers/example-case-study
您甚至可以將集合頁面嵌
套多級深,例如:website.com/content/enterprise/blog/example-post
這種新的控制級別在微調SEO方面尤為有用。
關閉給定集合的發布以從您的網站地圖中刪除其模板頁面。
對於您創建的每個集合,Webflow 都會生成相應的模板頁面。除非您首先對空白模板頁面進行更改,否則這些模板頁面不會發布到您的網站地圖中,但是在今天之前,一旦您進行了更改(無論大小如何),這些模板頁面將會被激活並被搜索引擎索引。
現在,要完全阻止那些集合頁面發布,只需在集合設置中切換開關。
複製現有集合結構以更快地構建您的內容庫。
最後,現在您可以複製現有的集合結構來更快地擴展您的內容庫。打開要複製的集合的設置,然後點擊頂部的“複製集合”按鈕。
就是這樣!我們希望這些功能使您的生活變得更輕鬆,並為您在 Webflow 中的構建釋放新的力量。享受吧!