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...
Improvements to rich text elements
我們提供了一系列增強功能,使 Rich text 文本元素 (RTE) 的建構更加容易和靈活。您可以在此處獲得改進的體驗:
此圖突顯了在富文本區塊中設定元素樣式的新功能
**管理富文本區塊中的元素。**現在,您可以透過點擊並拖曳或透過鍵盤快速鍵直接從導航器重新排列或刪除 RTE 。此外,所有單獨的 RTE 現在都顯示在導航器中,以實現更簡化的工作流程。
**在富文本區塊中設定各個元素的樣式。**以前,在富文本區塊中設定單一元素的樣式需要從 HTML 標記繼承樣式或使用類別內部的巢狀選擇器。現在,您可以直接從“樣式”面板執行此操作,並享受更精細的設計控制。
**控制 RTE 及其中任何元素的可見性。**現在,我們已經解鎖了直接從「設定」面板為每個 RTE 設定條件可見性的功能,因此您可以顯示或隱藏對受眾有意義的內容。無需自訂程式碼。
請造訪Webflow Academy以了解更多資訊並開始使用。
我們很高興地宣布,在地化現已可供所有企業客戶購買,下個月我們將向所有客戶提供。
在地化是 Webflow 的新本機解決方案,用於為全球受眾客製化您的網站。我們已經解決了端到端的在地化問題,從設計到翻譯再到一流的 SEO,無需任何程式碼。對您的網站進行在地化從未如此高效或經濟高效,但不要只相信我們的話:
Webflow 的新本地化解決方案令人驚嘆,並且已經極大地改進了我們先前的工作流程。這種原生功能不僅可以節省數千美元的開發成本,而且可以促進我們的國際 SEO,為我們的用戶提供更好的體驗,並最終加速 Sojern 在全球範圍內的業務成長。
Laura Barker,Sojern 高級創意經理
LAUNCHED ON MAY 31, 2023
我們最近改進了發布體驗,特別是對於發布您的網站可能需要更長時間的大型網站。您現在可以看到您在發布過程中的位置,並更好地了解何時完成。
在 Webflow 發布期間,您現在可以看到自己處於哪個階段,從而更好地了解何時完成。
我們還進行了一系列的優化,使得Webflow上最大的網站的發布速度更快、更高效。這是我們持續努力提高性能和穩定性以幫助您與Webflow一起擴展的一部分。
附註:由於這些更新對於Webflow大型網站的發布和整體設計師性能都有所改善,我們將在未來幾周內為所有客戶解鎖增加的靜態頁面限制。敬請期待公告和詳細信息!
推出於 2023 年 3 月 21 日
今天,我們為大型團隊提供了消除噪音的能力,並使用過濾器在站點活動日誌中快速找到他們需要的內容——今天可供Webflow 企業客戶和企業合作夥伴使用。
去年,我們發布了站點活動日誌,以幫助團隊跟踪對站點所做的重要更改(進行了哪些更改、誰進行了更改以及何時進行了更改),並使識別和修復可能出現的問題變得更加容易。
在過去的一年裡,擴展團隊在很大程度上依賴站點活動日誌來讓他們在一起工作時安心。但隨著團隊規模的擴大,並且由於我們添加了在日誌中跟踪頁面分支活動的功能,因此跟踪的列表變得越來越大,解析起來也越來越耗時。
這就是為什麼我們很高興在網站活動日誌中引入過濾器,讓您:
按活動類型過濾。自定義您希望跨類、自定義代碼、分支事件等查看的活動類型。
按作者過濾。指定您是要查看所有作者的結果還是特定作者的結果。
作為對站點活動日誌的額外改進,類修改事件現在將包含一個新的可點擊“列表”圖標,該圖標將顯示受類更改影響的元素和頁面。您將能夠通過單擊直接導航到受影響的元素或頁面,從而更快地跟踪和修復站點問題。
有關這些增強功能的更多詳細信息,請查看我們的 Webflow 教學文件。要了解有關如何訪問網站活動日誌或觀看演示的更多信息,請聯繫我們的銷售團隊。
超過 100 萬設計師使用 Spline 來直觀地建立複雜的 3D 動畫。現在,設計人員可以將這些 3D 資源本地引入設計器中,並在任何網站上展示它們,而無需自訂程式碼。
您也可以使用 Webflow 互動來控制樣條線場景。這意味著物件、相機、燈光等都可以在 Webflow 中進行本機控制 - 您甚至可以為物件群組設定動畫。
我們很高興與 Spline 合作,並向 Webflow 用戶提供超級年度計劃 - 30% 的折扣(代碼:WebflowFriends(區分大小寫))
要了解更多有關新樣條線元素的資訊並查看其實際效果,請查看我們在 Webflow University 上的課程。
今天,我們很高興地宣布 Webflow 樣式面板中對寬高比 CSS 屬性的本機支援。
現在您可以直接控制設計元素的縱橫比。這意味著您可以簡化設計流程,確保視覺一致性,提供即時視覺回饋,並減少對自訂程式碼的依賴。
訪問樣式面板來嘗試這個新功能。它可以應用於任何受益於特定寬高比的設計元素,例如圖像、視訊、網格佈局等。
今天,我們很高興地宣布 Webflow 樣式面板中對寬高比 CSS 屬性的本機支援。 現在您可以直接控制設計元素的縱橫比。這意味著您可以簡化設計流程,確保視覺一致性,提供即時視覺回饋,並減少對自訂程式碼的依賴。 訪問樣式面板來嘗試這個新功能。它可以應用於任何受益於特定寬高比的設計元素,例如圖像、視訊、網格佈局等。 要了解更多信息,請閱讀我們的
Webflow 對組件可用性進行了重大改進 - 根據您是管理主組件還是在畫布上使用組件實例進行構建,提供更有意的體驗。
對於元件作者和管理者來說,現在可以更清楚地設定和管理元件中的可修改屬性,包括:
建立和刪除屬性的簡單過程
清除用於連結屬性和元素的操作項
對於內容編輯者,我們的新側面板僅顯示他們可以修改的元件屬性,從而簡化了編輯過程。想要修改主實例的元件使用者仍然可以轉到管理體驗來執行此操作,但這些不再自動顯示在側面板上。
這些變更使組件最終用戶能夠更好地控制他們正在執行的特定任務,而不會混淆當時與他們最相關的功能。
要了解更多信息,請閱讀我們的Webflow 大學課程。
Webflow 推出三個新的API,為開發人員提供靈活的方式來透過應用程式提供可擴展、可重複使用的元件和樣式,以及與我們新的在地化產品整合的新機會。
為了支援我們最近發布的元件、變數和本地化產品,我們發布了三個新的API,為開發人員提供靈活的方式來透過應用程式提供可擴展、可重複使用的元件和樣式,以及與我們新的在地化產品整合的新機會。
以下是新內容:
首先,我們發布了一套新的元件設計器 API,它允許開發人員在 Webflow 網站上新增、綁定和管理元件 - 為應用程式新增至網站的設計系統並與之互動提供新的方式。
接下來,我們新增了 一個新的變數設計器 API,讓開發人員可以定義和管理變量,例如顏色、字體和大小,以便透過 Webflow 應用程式簡化設計系統管理。
最後,在下個月,我們將發布新的在地化 API,使開發人員能夠將第三方翻譯管理系統與 Webflow 的新在地化產品無縫整合。您可以在此處註冊以提前存取此 API。
請訪問我們的開發人員文檔,了解有關新 API 的更多信息,並開始為Webflow Marketplace建立應用程式。
Webflow 新功能: Quick Stack 讓你快速建構頁面的模塊
今天我們要介紹 Quick Stack,這是設計面板中的全新元素,透過新的畫布控制和佈局預設功能,加快你的建構流程,可以用於建立 Hero Image、Menu、版型等常見結構。
使用Quick Stack,你可以:
透過從最常見的預設列表開始,節省建立常見網站佈局的時間
快速更改預設
建立適應任何螢幕大小的響應式設計
利用新的Quick Stack元素加快你的建構流程
注意:Quick Stack與網格相似,但在一個關鍵方面有所不同 - 無論你有多少行或列,一個Quick Stack元素都已預先填充了內部的div。
這使得它非常適合剛剛開始或者需要節省建立關鍵結構網站佈局的時間。對於需要額外定制的更進階建構,網格更適合,因為它具有彈性。
要了解更多有關Quick Stack的資訊,並看到它的實際操作,請觀看我們的Webflow University視頻並查看我們在Webflow University的文章。
Webflow 全新的留言系統讓您能夠簡化團隊的溝通,讓您更快速地構建並反覆修改您的設計。工作空間成員和客戶可以在不離開 Webflow Designer 的情況下分享、審查並解決反饋。
您將學習:
要添加評論:
點擊頂部工具欄中的“評論”圖標,進入評論模式
點擊您要添加評論的畫布上的元素
在輸入欄位中輸入您的訊息
點擊“發佈”或在 Mac 上按下“Command” + “Return” (在 Windows 上為 “Control” + “Return”)發佈您的評論
您可以在 斷點 之間切換,對特定的斷點留下評論。
注意:在集合頁面上留下的評論將出現在該頁面的每一個實例上。例如,如果您在一個“博客文章”集合頁面上留下一個評論,您的評論將出現在該集合中每一篇博客文章項目的頁面上。
要編輯或刪除您的評論,將鼠標懸停在您的評論上,點擊“三個信息點”圖標並選擇“編輯”或“刪除”。您可以通過點擊評論線程上的“對號”圖標來解決評論線程。
您還可以在啟用 “顯示已解決”過濾器 的情況下從評論面板中取消解決並重新開啟評論線程。點擊評論面板中的評論以在畫布上打開線程,然後點擊評論線程上的“圓形對號”圖標。
注意:如果您將帶有評論的元素移動到畫布的另一部分,評論將隨之移動。
您可以在評論線程中 @ 提及您的工作空間的成員或客人,並將他們的注意力吸引到您的網站設計的特定部分。他們將收到一封包含您評論放置的網站和頁面名稱,以及打開您在設計師中的評論的鏈接的電子郵件通知。
要在您的工作空間中提及一個成員,添加一個新的評論,在輸入欄位中輸入“@”,並從下拉菜單中選擇他們的名字。您可以在“@”後面輸入他們的名字來縮小結果,並使用上下箭頭和回車鍵來導航結果並選擇他們的名字。
在評論模式下,評論將出現在畫布和“評論面板”中。您可以在評論面板中點擊評論以展開和查看它們的線程。您也可以通過點擊“對話泡泡”圖標在畫布上展開和查看線程。未讀的評論旁邊的時間戳旁邊會有一個藍色的點標記。
注意:評論並不是實時顯示的(即,不會自動更新)。您需要刷新您的網站以查看新的評論。
您還可以在評論面板中篩選評論,只查看當前網站頁面上的評論,並/或包括已解決的評論。
要篩選評論,點擊“三個揭示點”圖標,並選擇“僅在此頁面上”和/或“顯示已解決”。在評論面板中標記已解決的評論會有一個對號。
您可以在啟用“顯示已解決”過濾器時取消解決並重新開啟評論線程。點擊評論面板中的評論以在畫布上打開線程,然後點擊評論線程上的“圓形對號”圖標。
您可以選擇接收哪些評論的電子郵件通知(例如,所有評論或僅回复)或完全禁用評論的電子郵件通知。要管理您的評論電子郵件通知,請轉到評論面板並點擊“三個揭示點”圖標。您可以選擇“所有評論”、“僅回复和提及”或“無”。
注意:除非您@提及自己,否則您不會收到您發布的任何評論的通知,無論您的電子郵件通知設置如何。
所有工作空間角色,包括客人角色,都可以使用評論。內容編輯者無法使用評論。
當網站被複製或轉移時,評論會被刪除。
不會。評論僅在設計師和網站的預覽模式下顯示。
一旦評論被刪除,您就無法看到它。刪除評論是永久性的。"
在一系列性能和穩定性改進之後,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 年 1 月 19 日
如果您使用反向代理將多個 Webflow 項目連接到一個域,您可能遇到了一些 SEO 挑戰,因為 Webflow 在您的 robots.txt 文件中創建了自動生成的 sitemap.xml 地址。如果這聽起來很熟悉,我們有個好消息。
今天,我們為企業客戶發布了一個小(但強大)的更新,讓您可以刪除 robots.txt 文件中自動生成的 sitemap.xml 地址並輸入您自己的地址。這使得使用反向代理連接單個域上的多個項目變得更加順暢,並確保搜索引擎了解它們屬於同一域。
要刪除默認的 sitemap.xml 地址並輸入您自己的地址:
前往網站設置的 SEO 選項卡
啟用切換到“從 robots.txt 中刪除 sitemap.xml”
在上面的 robots.txt 字段中輸入您的核心域的站點地圖
保存更改並點擊發布
就是這樣!如果您有任何疑問或需要幫助,請隨時與您的客戶經理聯繫以獲取更多信息。
推出於 2023 年 2 月 8 日
今天,我們根據過去幾個月從 Webflow 社區收到的反饋和建議,推出了一些小而有影響力的更新。
這是新功能:
在您的庫中搜索佈局 我們通過將搜索功能添加到“添加”面板的“佈局”選項卡,使查找您正在尋找的佈局類型變得更加容易。現在,您可以跨庫或在您站點上安裝的任何單個庫中搜索佈局類型(例如導航欄、英雄部分、頁腳等)。
改進的導航 添加面板現在會記住您在將佈局添加到畫布後的上次瀏覽位置——減少從同一庫中快速添加多個佈局所需的點擊次數。
改進的佈局預覽 現在,您可以在將鼠標懸停在“添加”面板中的佈局上,在將佈局添加到畫布之前查看佈局的放大預覽。
在 11 月的 Webflow Conf 上,,靈活的網站佈局集合,由 Webflow 審查,並由頂級 Webflow 創建者設計。自推出 Beta 版以來,我們從社區聽說圖書館如何輕鬆地在創紀錄的時間內構建和發布精美的網站。
色樣支持 使用色樣快速設計庫佈局。庫創建者現在可以包含色板——讓您可以輕鬆地更新畫布上多個佈局的顏色,以及從該庫安裝的未來佈局。
想成為圖書館創作者? 我們計劃在未來幾週內將有限數量的用戶添加到圖書館創建者計劃中。。
在最初的幾個月裡,客戶表現出極大的興趣和興奮,我們很高興能夠使頁面分支功能更加強大。這是我們今天添加到頁面分支的內容:
修改分支上的類和頁面設置。通過修改分支上的類和頁面設置(自定義代碼、SEO 設置等)的能力解鎖更多設計控制。
今天,我們為大型團隊提供了更多的權力、控制和可見性,並通過對頁面分支的大量增強——今天為客戶和提供。
11 月,向全世界發布了頁面分支功能,使多名設計師能夠同時在不同的頁面上工作。這允許團隊通過在同一站點上並行工作來更快地構建和發布,並且還可以對特定頁面進行更改,而不必擔心這些更改會在準備好之前發布。
檢查並解決分支和主站點之間的類衝突。您現在可以,並在將您的分支合併回主站點之前選擇要保留的版本。
在站點活動日誌中跟踪分支活動。- 進行了哪些更改,創建/刪除/合併分支的時間等等。
創建與預建動畫的交互。(即將支持自定義動畫)在分支上添加新的交互。
有關這些增強功能的更多詳細信息,請查看我們的。要了解有關如何訪問頁面分支或觀看演示的更多信息,請。
推出於 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 設置頁面並使用新的“Workspace 配置文件 URL”字段來選擇您選擇的任何可用 URL。
從舊 URL 到新 URL 的重定向已經到位,所有指向您以前的公開個人資料 URL 的鏈接將繼續有效。
推出於 2023 年 2 月 1 日
作為使我們的 CMS更具可擴展性的持續工作的一部分,我們對大型網站的編輯器進行了重大性能改進。
基於去年對我們的 CMS 基礎架構的基礎改進,Designer 的相同性能改進現在已在編輯器中實現。平均而言,擁有超大型網站的客戶現在將在 Webflow 編輯器中看到以下改進:
項目加載速度提高 15 倍
加速訪問或編輯集合數據所需的 RAM 使用量減少 5 倍
RAM 使用量減少 6 倍,顯著緩解內存壓力,從而減少瀏覽器上的編輯器崩潰
加載大型項目所需的帶寬減少 86 倍
除了上面詳述的改進性能外,我們還對過濾和瀏覽進行了一些較小的用戶體驗更新,以反映我們去年在設計器中所做的更改。您現在可以:
細化和過濾集合中的項目
預加載前 100 個數據項後,對集合進行分頁
查看我們的Webflow 教學文件,了解有關產品內更改的更多詳細信息。
早在 12 月,我們就推出了可變字體測試版,目標是為每個人解鎖更多控制和創意可能性。從那時起,我們就從 Webflow 社區聽到了壓倒性的積極反饋,關於此功能的珍貴程度以及它在網站設計中提供的表達機會。今天,我們推出了一些有影響力的更新,重點是擴展功能和用戶體驗。
繼續閱讀以下內容,了解最新消息 –
設計師現在可以為可變字體的自定義軸(視覺尺寸、傾斜、重量、寬度等)設置動畫,以獲得更多創意可能性。以前,設計人員只能修改已註冊的軸,但現在字體中支持的所有軸都可以在交互事件中配置。
設計人員現在可以快速識別可變字體和靜態字體——這在很大程度上要歸功於添加的新指示器,可以更輕鬆地查看哪些字體支持變體。作為額外的好處,您還可以在字體選擇器中檢查那些受支持的變體。
為了提高可發現性,我們將字體變體控件移出“更多類型選項”選擇器。現在設計師可以更輕鬆地從樣式管理器中的版式面板進行訪問。
為了增加更無縫的體驗,現在設計師可以從我們的新字體變體面板中一步自定義所有支持的變體——您將不再需要手動添加每個變體。
設計師添加到項目中的自定義字體和谷歌字體現在位於字體選擇器的頂部,以便於訪問。現在字體系列被分組為“站點字體”或“默認字體”,並簡化了設計人員確定他們添加的字體與項目開始時提供的默認字體的方式。
–
你試過可變字體了嗎?提醒一下,如果您想了解可變字體如何在 Webflow 上工作,包括如何上傳您自己的自定義字體——請務必查看我們更新的 Webflow 大學文章以獲取指導。
推出於 2023 年 2 月 9 日
為了幫助 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 中的必需配置。
如您所知,Universal Analytics 將於 2023 年 7 月 1 日正式停用,並由 Google Analytics 4 取代。在此日期之後,Universal Analytics 屬性將變為只讀,並將停止從網站接收新數據。
我們將發送一封電子郵件,其中包含有關在未來幾週內更新您的網站跟踪所需的具體操作的更多信息。同時,您可以在 上了解有關如何為您的網站設置 Google Analytics 以及如何將現有跟踪更新為 Google Analytics 4 的更多信息。
推出於 2023 年 3 月 14 日
我們聽到了您的反饋,如果能夠在 CMS 集合頁面上使用動態數據來使自定義代碼和 HTML 屬性更加強大,那該有多酷——我們很高興地告訴您,您現在可以綁定 CMS 數據字段或組件屬性到自定義屬性或元素 ID。
在自定義屬性中使用動態數據的示例 –
通過使用數據填充 ARIA 屬性和其他掛鉤來提高站點的可訪問性。
使用 CMS 數據來控制使用 HTML 數據屬性的集成或小部件,例如地圖或社交媒體預覽。
為編輯人員提供使用組件屬性設置屬性的方法,從而實現技術控製而無需複雜性或擔心它們會破壞站點。
使用自定義 CSS 根據字段值自定義頁面樣式。例如,通過將類別字段綁定到屬性,然後在 CSS 中使用屬性選擇器(如 div[data-category]),您的博客的不同類別可以看起來不同。#IYKYK
或者你能想到的任何其他東西!
簡而言之,將屬性與 CMS 一起使用可以進一步彌合設計、代碼和動態數據之間的差距——為您創建的網站提供強大的功能和靈活性。您將通過哪些其他方式使用此新功能?在這裡加入對話,讓我們知道!
更新: ……就像那樣,數據綁定現在也適用於集合列表和嵌套集合!
推出於 2023 年 3 月 23 日
今天,我們引入了新的鍵盤快捷鍵和畫布上下文菜單選項,用於將元素包裝在 div 或鏈接塊中,從而簡化設計師之間的通用工作流程。
通常,設計人員希望將元素包裝在 div 或鏈接塊中,以將元素組合在一起,以便在畫布上更輕鬆地設置樣式或組織它們。以前,設計師需要先添加一個 div 或鏈接塊,然後添加他們想要的圖像/內容——或者煞費苦心地來回拖放元素以將它們重新組織到正確的位置。
使用新的 Designer 鍵盤和畫布快捷方式,設計人員可以在幾秒鐘內將元素包裝在 div 或鏈接塊中,從而提高他們的設計速度和工作流程效率。
請參閱我們最新的 WFU 文章,了解有關這些新快捷方式及其工作原理的更多信息。
推出於 2023 年 3 月 27 日
在 CSS 中,視口是瀏覽器窗口中用於顯示網頁的區域。視口的大小可能會受到用於查看網頁的設備大小和縮放級別的影響。視口高度 (VH) 和視口寬度 (VW) 單位通常用於創建響應式設計,根據視口的大小調整佈局。
移動瀏覽器引入了動態工具欄,可以在網站訪問者滾動時出現或消失;這會導致固定元素被截斷並影響站點訪問者體驗的整體質量。
今天,我們很高興發布新的 CSS 視口寬度和高度單位(小、大和動態),以便在為使用移動瀏覽器的網站訪問者設計網站並與動態工具欄交互時為設計人員提供額外的靈活性。這些新的 CSS 單元將使您能夠確保固定元素不會被移動設備上的工具欄截斷。要使用新的 CSS 視口單元,只需轉到設計器上的樣式面板,並且一定要查看我們最新的 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,您可以將此腳本添加到您的站點。
有關此更新的更多詳細信息,請查看我們關於 Webflow 大學的文章。
推出於 2023 年 4 月 24 日
為了繼續努力為 Webflow 帶來更多 CSS 的創造力,我們很高興在 Webflow Designer 中 推出文本筆劃樣式。
現在,設計師可以輕鬆地為他們的文本添加輪廓或邊框,從而在他們的設計中獲得更多的創作自由和靈活性。此更新還有助於通過減少對自定義代碼或第三方插件的需求來簡化設計過程,使用戶可以更輕鬆地在 Webflow 平台內創建和管理他們的設計。
要了解有關此新屬性如何工作以及如何將其用於 Webflow 設計的更多信息,請查看我們關於 Webflow 大學的文章。
推出於 2023 年 4 月 26 日
繼去年在 Webflow Conf 上推出組件後,我們一直在聽取社區的反饋意見,並就如何改進該功能進行整合。這就是為什麼我們要恢復到以前的行為來編輯畫布上的組件——根據您的反饋——更流暢、更直觀。
以下是新功能的簡要概述:
雙擊編輯主組件。雙擊未連接到屬性的組件上的任意位置現在將(再次)編輯主要組件。
在畫布上編輯組件屬性。您仍然可以選擇可通過組件屬性自定義的元素,並直接在畫布上進行編輯。
改進的標籤。我們還添加了更清晰的標籤,讓您知道您是在編輯一個組件還是它的一個實例。
更輕鬆的菜單導航。最後,我們使用於編輯組件和屬性的菜單更易於瀏覽。
在這篇 Webflow University 文章中了解有關創建、管理和修改組件的更多信息。
推出於 2023 年 3 月 16 日
Lottie將 Adobe After Effects 動畫的強大功能帶到了網絡上。今天,我們發布了 dotLottie 文件支持,這意味著您可以將 After Effects 動畫直接添加到 Webflow 中,文件大小比以往任何時候都小,加載時間更快。借助 Webflow Interactions,您可以將這些動畫與頁面加載、頁面滾動甚至鼠標移動等強大的觸發器相關聯——在您的 Webflow 站點上創建強大的交互體驗。
需要注意的一件事——由於瀏覽器的限制,您無法將 dotLottie 文件拖放到您的資產中,但是您仍然可以*直接*通過資產面板上傳您的 dotLottie 文件。
今天一定要試一試!
使企業能夠通過 Webflow 進行擴展,我們剛剛解鎖了大型企業通常需要的關鍵 SSO 功能,以幫助入職和管理他們的團隊。
從今天開始,我們將引入 SSO 支持:
具有多個工作區的團隊。例如,具有不同 Webflow 工作區的兩個業務部門。
具有多個電子郵件域的團隊。例如,@acme.com 和@company.com 電子郵件地址的用戶都需要訪問同一個 Webflow 工作區,這可能是在收購之後。
工作區級別的身份驗證。為受 SSO 保護的工作區提供更嚴格的安全性,並為其餘工作區提供靈活的選項。用戶現在將為每個工作區進行 SSO 身份驗證。
我們很高興能更好地為我們的擴展企業客戶提供服務。要開始將其中任何一個實施到您自己的環境中,請聯繫您的客戶成功經理。
推出於 2023 年 5 月 3 日
現在,您可以直接從樣式面板中的顏色輸入中快速搜索和選擇色板。通過顯示色板下拉列表及其相應的顏色和名稱,可以更輕鬆地查找和選擇顏色。
當您將鼠標懸停在樣本上時,您現在還會在畫布上看到實時顏色變化的預覽。
目前,這僅在樣式面板和交互中可用。CMS 或編輯器目前不支持搜索樣本。
要了解更多信息,請查看我們關於 Webflow 大學的文章。
現在您可以在文件夾中嵌套收藏頁面以優化您的 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 中的構建釋放新的力量。享受!
Webflow 的變數功能可讓您儲存值(包括顏色、大小和版式),以便可以大規模重複使用和修改它們。
變數可讓您儲存值(包括顏色、大小和版式),以便可以大規模重複使用和修改它們。
從新的變數面板集中管理您的設計令牌,您可以在其中用變數替換硬編碼值,然後在設計器中利用該變數。
截至今天,我們正在逐步取消對顏色樣本的支持,我們已將其無縫遷移到變數。變數可以完成色樣所做的所有事情,包括一些額外的好處:
它們現在在變數面板中集中管理
它們將色樣的優點應用到其他值上—例如大小和字體
它們是可擴展的——顏色樣本是特定於 Webflow 的,而變數是行業標準,並且透過我們的 API 與 CSS 變數和 Figma 中的變數相容
簡化您的工作流程
使用變量,您可以建立預先審查的值清單以在設計器中進行選擇,這樣您就可以專注於建立和設計,而不是引用樣式表。變數還使徹底的更改變得更加簡單 - 無論是在創紀錄的時間內完成品牌重塑,還是在專案開始時加快迭代周期,您都將能夠以不那麼繁瑣的工作專注於重要的事情。
堅持品牌
變數與 Webflow 中的樣式一起工作,例如現有的類別、標籤和元件。借助變量,您現在可以透過程式設計方式對最基本的值進行大規模更改,並且這些值可以充當跨不同類別和元件的連接線程。
擴大影響力
Webflow 生態系統中的創建者現在可以利用變數來編寫框架並建立更複雜的模板或可複製物件。透過變數,您可以有效地重新利用現有網站並對其進行修改以滿足特定品牌或用例的需求。
要了解更多信息,請閱讀我們的Webflow 大學課程
這是一個關於 Webflow的新功能,它支持在Figma插件中使用組合類別。當您將Figma設計粘貼到Webflow中時,您可以通過命名Figma圖層以包含由斜杠分隔的類和組合類來自動創建Webflow組合。
例如,要創建主要按鈕類和深色組合類,您可以在Figma中將圖層命名為“Primary Button / Dark”。現在,在Webflow中,我們已經自動創建了主要按鈕類和深色組合類。這是一種將Figma設計和覆蓋輕鬆帶入Webflow的好方法。順便說一下,組合類支持多個組合類和特殊複製粘貼!我們希望您喜歡我們的 Figma到Webflow插件!
推出於 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 粘貼。
推出於 2023 年 5 月 11 日
通過要求身份驗證來保護您的暫存站點: 在將站點更改啟動到您的實時站點之前,私下安全地審查站點更改——現在可供企業客戶使用。
您是否曾經希望可以鎖定您的 webflow.io 暫存鏈接,以便只有您公司的隊友才能訪問它?嗯,好消息——現在你可以了,我們推出了 Private Staging 功能。
Private Staging 是webflow.io 暫存域的一個新選項,它允許您將訪問權限限制為僅屬於您的工作區的已登錄用戶。這使您的團隊可以在公開啟動站點更改之前私下安全地審查它們,並且今天可供企業客戶使用。
您可以在站點設置中將暫存站點設為私有:
這是今年多個版本中的第一個,它將為 Webflow 中的暫存和發布提供更多功能和復雜性。盡快留意更多!
推出於 2023 年 5 月 2 日
由於近期的一系列更新和優化,在 Designer 中導航和工作現在應該會感覺更快一些——尤其是對於 50 頁或更多頁面的網站。
以下是設計器中的特定區域列表,我們在這些區域中加快了速度:
打開設計器並加載您的項目
在頁面之間切換花費的時間更少
提高了頁面面板、元素設置、導航器和样式管理器的速度
使用網格佈局響應更快
……還有更多正在路上!
這些只是我們想要分享的一些近期更新的一部分,但隨著我們繼續測試和推出改進以及對整體發布穩定性和體驗的改進,還會有更多更新。因此,請睜大眼睛看更多!
您可以將集合頁面嵌套在文件夾中以優化您的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 中的構建釋放新的力量。享受吧!