Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
展示您的網站,使其在您的公共檔案和使用Webflow的每個人都能看到。
您可以在您的公共Webflow檔案中展示您任何很棒的網站,讓全世界都能看到。
對於傳統的帳戶客戶:個人網站將在您的個人公共檔案和Made in Webflow上展示。團隊網站將在團隊的公共主頁和Made in Webflow上展示。
對於工作區客戶:工作區網站會在您的工作區簡介和Made in Webflow上展示。
注意 要在Made in Webflow上展示您的網站,需要一個付費計劃(Site plan、Account plan或Workspace plan)。
本文會提到:
如何在Made in Webflow上展示您的網站
如何設置您的網站的Made in Webflow頁面
如何從Made in Webflow中刪除您的網站
您可以展示您的任何網站,無論它們是在您的個人儀表板、團隊儀表板還是在工作區:
打開您的網站設置 > 常規標籤
滾動到"Made in Webflow"部分
將開關切換到"開"
注意 如果您想在Made in Webflow上展示一個網站,首先要把您的個人、團隊或工作區帳戶設置為公開。
填寫您的網站的詳細訊息:
從"Select owner"下拉選單中選擇所有者/工作區
在"Publish as"下拉選單中選擇發布網站的角色/配置文件(如果您選擇了一個工作區作為所有者)。
在"Publish as"中選擇您想添加到"Webflow制造 "中的網站
給展示的網站一個標題
添加一個描述
添加標籤,以幫助人們找到您的網站(例如"最小"、"多彩"、"動畫"等)。
把您喜歡的網站縮略圖上傳到縮略圖部分的圖片上
注意 請務必檢查縮略圖部分下的說明和提示,以上傳支持的圖像。縮略圖圖像應該是JPEG、PNG或GIF,分辨率為540 x 360像素。
只有具有特定發布權限的工作區成員才能向Made in Webflow添加站點。
這些工作區級別的權限只適用於核心、成長和企業工作區計劃。
工作區所有者角色:可以將網站發布到他們的用戶配置文件或工作區配置文件中。
工作區管理員角色:可以將一個網站發布到工作區配置文件中
具有"網站管理員"或"可以設計和發布"網站角色的工作區成員:可以將一個網站發布到工作區簡介中
這些站點級別的權限僅適用於成長型和企業型工作區計劃。
網站管理員角色:可以更新、刪除和發布網站到工作區配置文件中。
可以設計和發布角色:可以更新、刪除和發布壹個網站到工作空間配置文件中。
可以設計:沒有權限更新、刪除或發布Webflow中制造的網站
可以設計(限制):沒有在Made in Webflow上更新、刪除或發布網站的權限
注意 這些發布權限只適用於工作區帳戶。
如果您做了一個很酷的網站或一些很棒的UI組件,想與其他設計師分享,您可以切換到允許他人複製這個網站。
注意 任何在Made in Webflow上展示的網站必須發布到webflow.io子域。取消發布您的網站也會將其從Made in Webflow中刪除。 當您配置了所有的展示設置,點擊展示您的網站。
在您展示了您的網站後,您會被帶到您的網站的 "Webflow製造"頁面。
您可以從您的任何公共配置文件(個人、團隊或工作空間配置文件)中訪問您的網站的 "Made in Webflow "頁面,或者通過複製您的網站 "Made in Webflow "頁面的連結。
您也可以通過進入"網站設置">"常規選項卡">"Made in Webflow",然後點擊"編輯公共頁面"來編輯您網站的 "Made in Webflow"頁面。
編輯網站的選項也可以在您的網站在Webflow中的製造頁面的右上角找到。
將您的網站從Made in Webflow中刪除,也會將其從您的公共檔案頁面中刪除。意思是用戶將無法查看、喜歡或複製該網站。您可以在任何時候再次將其添加到Made in Webflow中。
要從Made in Webflow中刪除網站,請注意以下幾點:
打開網站設置 > 常規
滾動到展示區
將開關切換到 "關閉"
專業提示 您可以將您最好的頁面或組件從一個網站或多個網站添加到Made in Webflow中。
創建一個新網站
將您的最佳作品從不同的網站複製到新的網站上
在Made in Webflow中添加您的"最佳"作品的網站
複製、轉移或永久刪除Webflow站點
本文會提到:
如何複製網站
如何準備轉讓您的網站
如何將網站轉移給另一個用戶
如何將網站轉移到您的儀表板中的工作區
如何轉移具有活動網站計劃的托管網站
如何轉移在Webflow中製造的網站
如何轉移電子商務商店
如何從儀表板上刪除一個網站
注意 只有當您是網站管理員時,才能轉移或刪除網站。所有成員都可以複製網站。
您可以透過2種方式來複製網站:
方法1
打開網站設置
點擊頂部欄中的"複製網站"圖標
在模式中確認並點擊複製項目
方法2
打開儀表板
點擊網站縮略圖下的選單圖標
從選單中選擇"Duplicate"
在模式中確認並點擊複製項目
注意 您的網站、樣式、頁面、資產和CMS將被復制到壹個新的網站。您可以在新網站創建後編輯其子域和名稱。任何自定義代碼,自定義字體,以及圖標和網頁剪輯也將被複製到新的重複網站。
重要 所有其他網站範圍內的配置和設置,如表格通知信息、表格提交、版本、網站成員、訪客編輯、計費和Google Analytics代碼將被重置為默認。
注意 如果您想複製一個使用高級模板的網站,您需要重新購買該模板。
重要提示 您不能將網站從工作空間帳戶轉移到遺留的個人或團隊帳路。但是您可以將網站從: • 遺留個人帳戶轉移到遺留個人帳戶 • 遺留個人帳戶轉移到遺留團隊帳戶 • 遺留帳戶轉移到Workspace帳戶 • Workspace帳戶轉移到Workspace帳戶
您可以在Dashboard中的工作區之間轉移任何網站(不是托管的或在Webflow中的)(例如,妳是每個工作區的成員)。妳也可以將網站轉移給擁有工作區的其他用戶,而妳並不是工作區的成員。
讓我們來看看:
• 當您轉讓一個站點時會發生什麽 • 在哪裡啟動轉移 • 如何將一個站點轉移給另一個用戶 • 如何將網站轉移到您的儀表板中的工作區 • 如何轉移具有活動站點計劃的托管站點 • 如何轉移一個在Webflow中製造的網站 • 如何轉移電子商務商店
當您轉移Webflow站點時,您在設計器中的所有工作將被轉移到新的工作區,包括樣式、頁面、內容(包括CMS內容)和自定義代碼。
當您轉移原始站點時,以下內容和設置也會被轉移: • 資產 • 版本 • 自定義字體 • 表格提交 • 重定向 • 其他網站設置 出於安全和隱私的原因,帳戶和客戶的特定配置被重置為默認值,因此不會與您的網站一起轉移。
這些包括: • 自定義域名和主機訂閱 • 網站成員 • 訪客編輯 • 表格通知信息 • reCAPTCHA密鑰(它們在轉移時被重置,但reCAPTCHA仍被啟用) • Adobe字體(如果集成到您的帳戶中)。 • 賬單和任何其他賬戶或電子郵件的具體信息
只有當Adobe Fonts API密鑰被集成到網站而不是賬戶中時,才會包括Adobe字體。
注意 Google Analytics代碼只在轉移原始網站時才會轉移。當轉移一個複製的網站時,它將不會轉移。
要訪問轉移選項:
打開網站設置
點擊"轉移"圖標
如果妳需要將一個網站轉移給不屬於您所屬工作區的人,可以選擇轉移給一個特定的用戶。
啟動您的轉移
在轉移網站模式中選擇"轉移給某個用戶"
輸入他們的Webflow帳戶的電子郵件地址(確保它是正確的)。
點擊轉移
開始轉移後,被轉移的網站將在您的儀表板上顯示鎖定,並顯示轉移正在進行中。收件人將收到一封電子郵件,並在他們的儀表板上看到一個橫幅通知,告知他們需要接受轉讓。
在收到轉移通知的7天內,接收者需要通過為網站選擇一個目標工作區來接受它。如果收件人在7天內不接受轉讓,那該網站在您的儀表板上就會被解鎖。
注意 如果您錯誤地啟動了轉移,您可以取消轉移。點擊網站縮略圖下的選單圖示,選擇"Cancel site transfer"
假設您擁有多個獨立的Webflow帳戶(例如,您用不同的電子郵件地址登錄Webflow帳戶),並且您在每個帳戶中都屬於不同的工作空間。如果您想在這些獨立帳戶的工作空間之間轉移一個網站,首先要用另一個帳戶的電子郵件地址將網站轉移給自己。登錄到接收方帳戶,並將網站轉移到相應的工作區。
如果想把網站轉移到您不是其成員的工作區,那麽就把網站轉移給一個是該工作區成員的用戶。他們將能夠把網站轉移到他們儀表板中的適當工作區。
如果您是多個工作區的成員,您可以立即將網站轉移到其中任何一個工作區:
啟動您的轉移
在轉移網站模式中選擇"To a Workspace"
從下拉選單中選擇目標工作區
點擊轉移
目前,您不能直接轉移一個有活動網站計劃的網站。您需要轉移一個網站的副本,或者先降級到初級網站計劃。
注意 如果您想複製一個使用高級模板的網站,您需要重新購買該模板。
為了確保在轉移托管網站的副本時,盡量減少停機時間,我們建議採取以下步驟:
複製您想轉移的網站
轉移複製的網站
刪除原始網站的托管訂閱
為複製的網站添加一個網站計劃
將您的自定義域名添加到網站上並發布
注意 複製網站將一些網站範圍內的配置和設置重置為默認。意思是有一些設置,如表單提交和以前的版本將不包括在複製和轉移的網站中。
注意 Google Analytics代碼只在您轉移原始網站時轉移。當轉移一個複製的網站時,它將不會轉移。
如果您想在轉移時包括表單提交和以前的版本等訊息,您需要將原始網站轉移到您選擇的工作區或用戶。為了在轉移原始網站之前保留壹份網站的副本,您可以將網站複製到自己的工作區。記住,將網站轉移給不是您的工作區成員的用戶是不可逆的,除非您在接收者接受之前取消轉移,或者新的所有者(具有工作區所有者或網站管理員角色)將其轉回給您。
(可選)複製想轉讓的網站,並將複製件保留在您的工作區中
刪除原始網站的主機訂閱
將原網站轉移到其他用戶或工作區
為原來轉移的網站添加一個網站計劃
將您的自定義域名添加到原始轉移的網站上並發布
如果您的網站在Made in Webflow上展示,請將其從Made in Webflow中刪除,以解鎖轉移功能。
您可以像其他網站一樣轉讓一個電子商務商店。這裡有一些重要的細節需要牢記。
• 訂單歷史與商店一起轉移,包括已完成、未完成、已退款和有爭議的訂單。 • 轉移商店時,支付供應商(如Stripe)保持連接,所以您可能想在啟動轉移之前手動斷開支付供應商的連接。 • 網站計劃不能與網站一起轉移,所以新店主需要添加一個新的電子商務網站計劃,並重新啟用結帳來處理付款。 • 新店主將能夠履行以前的訂單,但如果他們更新任何支付賬戶,他們將無法退還以前的訂單。
您可以透過2種方式從儀表板上刪除網站:
選項1
打開儀表板
點擊網站縮略圖下的選單圖示
從選單中選擇刪除
輸入您的網站名稱以確認,並在模式中點擊永遠刪除(這是永久的,被刪除的網站不能被恢復)
選項2
打開網站設置
點擊頂部欄中的垃圾桶圖標
輸入您的網站名稱進行確認,並在模式中點擊永遠刪除(這是永久的,被刪除的網站不能被恢復)
一旦您確認要刪除您的網站,整個網站將被永遠刪除,包括其樣式、頁面和所有內容(包括圖像和文件等資產)。如果您的網站有Webflow表單,現有的表單提交將被刪除,以後的提交也不會被捕獲,即使這個網站被導出了。它也將從Webflow的"發現"部分以及您的"工作區"和公共檔案中刪除。
作為成長型或企業型計劃的工作區所有者或網站管理員,您可以透過只將某些團隊成員分配到網站管理員的角色來降低網站被刪除的風險。
如果一個團隊成員的角色不是網站管理員,這些團隊成員不能從工作區刪除網站。
注意 在核心工作區計劃中,所有工作區成員默認為網站管理員。網站級別的角色和權限(包括限制網站刪除的能力)在成長和企業工作區計劃中被解鎖。
了解如何以只讀連結的方式分享您的Webflow網站。了解這與邀請訪客編輯或添加隊友到您的工作區有什麽不同。
您可以通過以下方式與他人分享您的Webflow網站。
分享您的網站的只讀連結
向您的網站添加訪客編輯
將成員添加到您的工作區
每個選項都給您的合作者和團隊成員提供了不同程度的訪問。透過只能讀取連結,任何擁有該連結的人都可以查看您的網站,但他們所做的任何改變都不會被保存。訪客編輯可以查看您的網站並編輯網站內容(如文本、連結、圖片、產品和CMS內容)或在Webflow編輯器中改變頁面設置。根據他們的角色,工作區成員可以查看網站,編輯內容,並改變網站的布局、樣式和交互。
本文會提到:
如何分享只能讀取的連結
如何邀請訪客編輯
如何使用工作區進行協作
如果您想在Webflow論壇或與同事分享您的網站,您可能希望通過分享只讀連結來保護您的工作。
重要提示 只讀連結允許任何擁有該連結的人查看您的網站,但他們所做的任何修改都不會被保存。
要分享只讀連結,請點擊設計器頂部工具欄的"分享"按鈕,並將分享只讀連結切換為"開啟"。在那裡您可以複製連結,並將其分享到您想要的地方。
在某些時候,您可能希望改變網站的只能讀取連結,以限制對網站的訪問。要創建一個新的只能讀取連結,請點擊設計器頂部工具欄的"共享"按鈕,然後點擊創建新連結。但這將禁用舊的連結,網站將不能再透過舊的連結訪問。
對於想要添加或更新內容的客戶或企業主來說,邀請訪客編輯是一個不錯的選擇。訪客編輯所做的內容修改將被保存 - 但是,訪客編輯不能訪問設計器,所以他們不能對您的網站的布局、風格或互動進行修改。
您可以在設計器中或者從網站設置>成員標籤中添加訪客編輯到網站。
工作區計劃讓您與工作區的成員共享設計和編輯控制,以更有效地進行協作。您的工作區的每個成員都可以訪問共享的工作區儀表板,並創建和編輯工作區中的任何站點。
您可以從"工作空間"下拉選單或"工作空間"概覽頁面中創建一個新的工作空間。
發布您的Webflow網站,看到他們在網絡上的即時狀態
無論您是在設計器還是在編輯器中,發布一個項目都會立即將所有修改推送到網絡上,而不需要去搞什麽文件管理、版本覆蓋或令人頭疼的FTP瘋狂行為。
默認情況下,您的項目將發布到Webflow的暫存子域: yoursite.webflow.io。如果您添加了主機,您也可以將您的項目發布到自定義域名(例如:yourdomain.com)。
本文會提到:
發布整個項目
發布單個集合項目
取消發布網站
使用.webflow.io作為測試和反饋的暫存域
探索高級發布選項
有兩種方法可以發布項目中的所有更改和更新:
在設計器中發布或在項目設置中發布
在編輯器中發布
按"publish"
選擇想發布的域
發布您的項目
捷徑鍵 要在設計器內快速發布修改:
按Shift + P鍵,打開發布選單
仔細檢查哪些域被選中
按Shift + Enter鍵,發布到所有選定的域
在編輯器中發布也會使設計器中的任何更改生效。要從編輯器中發布整個網站。
按"publish"按鈕,預覽您的修改摘要
按第二個發布按鈕來發布您的變化
如果您想發布或更新單個項目,而不發布整個項目,只需在創建或保存項目時選擇發布。
您可以在設計器或項目設置中從任何或所有的域中取消發布您的項目。解除發布是即時生效的,但您總是可以透過檢查域並再次發布來重新發布。
要從所有的域和子域中取消發布您的網站,請在項目設置中按下取消發布的圖標。
要從一個域中取消發布您的網站:
在項目設置或設計器中按"Publish"
點擊您想解除項目發布的域旁邊的"Unpublish"
為了測試您的網站外觀,您可以在各種瀏覽器和設備上將您的Webflow項目發布到.webflow.io子域。
如果您配置了一個自定義域,您可以將更改發布到.webflow.io子域,以測試自定義代碼或獲得反饋和批準。在設計器或項目設置中,按發布並取消對自定義域的勾選,將更改發布到.webflow.io網站。
重要提示 當您從編輯器中發布時,您的網站將同時發布到暫存域和自定義域。
注意 您可以在項目設置→常規設置下指定子域名。
如果您改變了項目的子域,您的暫存域(myproject.webflow.io)和項目的只讀連結都會被即時替換。這意味著,如果在論壇或私下分享了這些連結,這些連結將無法再被訪問。要修復這些連結,您必須再次改變子域並重新使用舊名稱。
我的暫存網站不安全,如何解決這個問題? 重新發布您的項目到.webflow.io子域,以解決安全問題。
高級發布選項位於設計器中的發布下拉選單中,或者在project settings→hosting→Advanced publishing options。在這理您可以啟用/禁用SSL,最小化HTML、CSS或JS,並選擇使用安全框架頭來限制在iframe中嵌入您的網站。
在Webflow網站上使用網頁圖標和觸摸圖標。
在發布網站時,最重要的整理工作之一是如何在瀏覽器的用戶界面或移動主屏幕上表現您的網站。
本文會提到:
網頁圖標
觸摸圖標
圖像資產
上傳圖標
大多數瀏覽器都使用Favicons來代表網站在瀏覽器標籤和書籤中。
觸摸圖標或Webclips用於Safari瀏覽器的書籤等地方。 當網站連結被保存到智慧手機的主屏幕上時,它們也會顯示出來。
在準備上傳網路圖標圖像資產時,創建一個32x32像素的圖像作為收藏夾,以及一個256x256像素的圖像作為網路圖標或觸摸圖標。
您在這些圖像資產中使用的文件名將在您的HTML中可見,所以要注意不要在文件名中包含任何您不希望被搜索引擎索引的內容。
準備好您的圖像資產之後:
進入項目設置 > 常規標簽 > 圖標
上傳準備的圖片
發布網站,使其變化生效
在瀏覽器中刷新的您實時網站,以看到更新的圖標
從您發布的和/或導出的網站中刪除Webflow品牌。
本文會提到:
如何從已發布的網站中隱藏Webflow品牌效應
如何手動刪除/更改Webflow品牌效應
默認情況下,Webflow品牌,如 "Made in Webflow "徽章,會出現在您發布的網站上。網站的源代碼(HTML)中也可能出現對Webflow的其他引用。
您可以在"網站設置">"常規選項卡">"Webflow品牌"下關閉Webflow品牌效應。然後,請確保保存您的更改並發布您的網站。
注意 對您的Webflow品牌設置的更改在您的網站發布後才會生效。
除成長型和企業型計劃外,在所有工作區計劃中,當您創建一個新網站時,此設置將默認打開。當該設置開啟時,徽章將出現在您發布的網站上--包括Webflow暫存子域(如 yoursite.webflow.io)和自定義域名(如 www.yourwebsite.com)。
如果您有一個成長或企業工作區計劃或一個付費網站計劃,您可以隱藏該徽章。如果您在創建網站時已經有一個成長或企業工作區,這個設置將默認為關閉。
重要提示 刪除Webflow品牌需要付費網站計劃或成長或企業工作區。如果您在Webflow之外的網站(如WordPress的Pages插件或反向代理服務器配置中)使用Webflow暫存子域(如 yoursite.webflow.io),您需要購買網站計劃,為您的網站添加自定義域名或子域,並在反向代理或插件設置中使用該自定義域名,以移除 "Made in Webflow "徽章。
此設置默認為打開,這意味著源代碼中會包含對Webflow的引用。如果您訂閱了成長工作區或擁有付費網站計劃,您可以切換此設置以隱藏這些引用。
當設置為關閉時,您的網站HTML頂部的以下註釋將自動刪除。
此外,當您在切換關閉Webflow品牌效應後導出您的網站時,導出的文件會被重新命名,如下所示:
webflow.js -> 您的網站名稱.js
webflow.css -> components.css
注意 在HTML中切換關閉Webflow品牌,並不能刪除您網站代碼中的所有Webflow特定術語和引用。有些引用可能需要手動刪除。
重要提示 刪除Webflow品牌需要付費網站計劃或成長或企業工作區。如果您在Webflow之外的網站(如WordPress的Pages插件或反向代理服務器配置中)使用Webflow暫存子域(如 yoursite.webflow.io),您需要購買網站計劃,為您的網站添加自定義域名或子域,並在反向代理或插件設置中使用該自定義域名,以便刪除"Made in Webflow"徽章。
如果您導出了一個Webflow網站,即使您是在成長或企業工作區,您網站的代碼可能仍然包含Webflow特定的術語和引用,例如帶有 "w-"前綴的類名。
您可以從代碼中手動刪除以下引用:
類名(例如"w-slider "可以改成 "ys-slider")。
元數據
網站和頁面ID
重要提示 對導出的Webflow代碼所做的所有修改,風險自負,不在Webflow支持範圍之內。
使用嵌入元素將自定義的HTML代碼塊添加到您的網站,以解鎖各種自定義功能。
嵌入元素讓您能在網站上添加自定義代碼塊。如果有一個核心或成長工作區,或者如果您的網站有活躍的網站計劃,您可以使用嵌入元素來解鎖各種自定義功能。
您可以嵌入第三方元素,如Google Docs和Sheet、社交媒體源、實時聊天應用程序、表格和調查等。您還可以使用CMS集合字段來動態更新嵌入代碼。
注意 嵌入元素只支持HTML、style標籤中的CSS,以及script標籤中的JS。不能在嵌入元素中整合服務器端語言(如Perl、PHP、Python、Ruby)。
本文會提到:
如何添加一個嵌入元素
如何編輯嵌入元素
如何在嵌入元素上設置尺寸
如何預覽嵌入的內容
重要提示 自定義代碼是一種高級修改,可能與Webflow的基礎功能相沖突。因此,Webflow不能保證任何自定義代碼的功能或完全兼容。此外,我們的支持團隊無法直接提供關於自定義代碼設置或故障排除的幫助,因為這些主題不屬於我們的客戶支持政策的範圍。如果您在使用自定義代碼時遇到問題,請在Webflow論壇上告訴我們,整個Webflow社區(包括工作人員)可以提供額外的幫助和資源。
您可以在任何地方或在副文本元素中嵌入第三方代碼或自己的自定義代碼。
注意 嵌入元素中的自定義代碼不能超過10,000個字符。若想嵌入的代碼比較長,您可以把它存儲在另一個服務器上,並在嵌入中引用該腳本。也可以使用第三方工具將妳的自定義代碼最小化,或者將代碼分割成多個嵌入元素(前提是這不會破壞任何JavaScript功能)。
把想嵌入的代碼複製到您的剪貼板上
打開"添加"面板,在Webflow畫布上添加一個嵌入元素。
黏貼您在步驟1中複製的自定義代碼
保存並關閉模態
重要提示 如果您的自定義代碼有開頭和/或結尾標籤,請確保添加這些標籤以確保您的代碼按預期運行。此外,不要在您的自定義代碼中包括html、body或head標籤,否則您的網站/布局會中斷。
注意 默認情況下,行包裝是啟用的,以方便查看和編輯代碼,但您可以透過取消勾選HTML嵌入代碼編輯器中的行包裝複選框來關閉這一項設定。您也可以點擊"最大化"圖標來啟用全屏編輯。
專業提示 如果想在網站上重複使用相同的嵌入內容,您可以使用符號將您的嵌入元素變成一個可重複使用的組件。
複製想嵌入的代碼到您的剪貼板上
把鼠標放到想添加自定義代碼的副文本元素中
點擊"加號"圖標,打開插入選單,點擊自定義代碼按鈕
黏貼在步驟1中複製的自定義代碼
您可以將Collection字段納入嵌入式代碼,為各種用途動態地提取訊息。
有許多方法可以打開HTML嵌入代碼編輯器並編輯嵌入元素中的代碼: • 選擇畫布上的嵌入元素,然後雙擊 • 選擇畫布上的嵌入元素並按Enter鍵 • 選擇畫布上的嵌入元素並點擊設置"齒輪"圖標 • 選擇畫布上的嵌入元素並點擊HTML嵌入設置下的設置面板中的打開代碼編輯器
注意 如果在畫布上看不到嵌入元素,您可以從導航儀面板上找到並選擇它。接著打開設置面板,點擊HTML嵌入設置下的打開代碼編輯器來編輯您的代碼。
如果嵌入元素中的自定義代碼沒有明確設置大小或尺寸,內容往往可以占用其父元素的全部寬度。也許可以在您的自定義代碼中附加height="100%" width="100%",這將允許調整嵌入元素的寬度和高度,以及從樣式面板中的內容。
用iframe或style標籤包裹的自定義HTML將在畫布上或在副文本元素中顯示預覽,但有些代碼嵌入只能在實時網站上查看。任何時候在代碼編輯器中使用script標籤,您會在設計器中看到該元素的占位符。
當您發布或導出網站,裡面的腳本和自定義代碼將在您放置它的地方呈現。如果您需要在自定義域名上的網站上線前預覽嵌入,您可以將您的網站發布到.webflow.io的暫存子域。
在您的Webflow項目中上傳自定義字體。
您可以直接從樣式面板的字體下拉選單中添加更多字體到您的項目中。選擇添加字體,我們會帶您到您的項目設置>字體設置。在那裡您可以上傳並在任何項目中使用您自己的自定義字體。
如果您想使用的字體是通過Adobe字體(Typekit)或Google字體提供的,您可以通過項目設置>字體中的集成來添加它們。 您不需要一個付費計劃來上傳自定義字體。
本文會提到:
上傳自定義字體
選擇正確的字體格式
編輯已安裝的字體
定義後備字體
上傳自定義字體
如果您想在一個項目中使用自定義字體,請到項目設置>字體>自定義字體,並上傳字體文件。
重要提示 請閱讀您的字體許可協議,並在上傳字體之前確保您有權限在您的網站上使用該字體。
您可以在您的Webflow項目中上傳各種字體文件格式。
注意 您能夠上傳的每個字體文件的最大文件大小為2MB
被大多數瀏覽器所支持 • WOFF - 網絡開放字體格式 • TTF/OTF - TrueType字體和OpenType字體
少數瀏覽器支持 • WOFF 2.0 - 網絡開放字體格式 • EOT - 嵌入式OpenType • SVG - SVG字體
注意 您不需要上傳每一種文件格式。您可以上傳一些不同的格式以涵蓋最大的瀏覽器支持。WOFF是一種良好的格式,具有最大的瀏覽器兼容性和良好的文件大小。如果您的字體文件沒有WOFF或WOFF2版本,您可以使用網上的字體轉換器。
字體文件上傳後,您可以編輯字體名稱、字體重量和字體樣式。
最佳做法 您可以上傳一個字體的多個實例,並為每個實例選擇不同的字體重量和樣式。只要確保在同一字體的所有實例中使用相同的字體。這將確保字體家族在設計器中被正確地歸為一組。
一旦字體家族名稱正確並匹配起來,您就可以將每個字體文件上傳到您的項目中。一旦您重新打開設計器,您就可以在設計器中看到上傳的字體。
您可以隨時編輯您的自定義字體設置,也可以刪除上傳的字體。
後備字體確保瀏覽器和操作系統之間的最大兼容性。如果用戶的瀏覽器無法加載您的自定義字體,它會切換到後備字體。後備字體是為您上傳的每個字體自動創建的。
您可以編輯每個字體的後備字體,並從可用字體列表中選擇它的後備字體。
您可以編輯字體顯示設置,它決定了如何根據瀏覽器已經保存的內容來加載字體面孔。
最佳做法 將字體顯示設置為交換,可以透過使用系統字體來防止頁面加載時出現看不見的文字閃光。
在設計器中,您可以完全訪問您的任何自定義字體和字體重量。只要在樣式面板(S)>排版部分瀏覽您需要的字體。字體列表是按字母順序排列的。
您可以將您的自定義字體應用於任何文本元素、任何父元素或任何HTML標簽,以影響所有段落或所有H1。
了解如何創建備份點和恢復以前保存的Webflow網站的版本。
Webflow會在您工作時自動創建網站備份。所有的網站計劃(入門級、基本級、CMS、商業級和企業級)都有無限的備份。
注意 Webflow不提供預定的備份,但在每10次自動保存時都會自動創建還原點。
本文會提到:
如何保存一個備份
如何預覽和恢復備份版本
重要提示 當從備份中進行還原時,所有CMS集合和項目ID將被刷新。這種刷新將影響API調用和使用集合或項目ID的第三方連接。您需要把它們重新連接到刷新的項目上。請確認您在從備份中恢復之前要執行這個操作。
每10次自動保存時都會自動創建還原點。在恢復到以前的版本時也會創建。
重要提示 在您手動創建一個備份還原點之前,請確保您在設計器的頂部工具欄中看到"已保存的更改"複選標記。這將確認您的畫布的最新變化已被保存並將成為備份的一部分。 要在設計器中手動創建一個備份還原點:
點擊Command + Shift + S (在Mac上)或Control + Shift + S (在Windows上)
添加一個描述
點擊保存
您可以從網站設置 > 備份中訪問您的網站備份。在這裡您可以預覽任何備份,以確保您恢復的是正確的版本。
為了以防萬一,當您恢復到以前的版本時,Webflow會保存您網站的當前版本。圖片和其他資產會被保存並隨備份一起恢復。
您也可以直接從設計器中訪問網站備份:
打開設置面板
點擊備份
在備份部分,可以將鼠標懸停在備份版本上,然後點擊 "眼睛"圖標,在一個新的標籤中預覽該版本。您也可以點擊選單圖標來恢復備份、重新命名備份、調整備份,或複製快照路徑。
了解如何以只讀連結的方式分享您的Webflow項目。了解這與邀請合作者和設置團隊帳戶有何不同。
本文會提到:
分享只能讀取的連結
邀請合作者
使用團隊帳戶
如果您想在Webflow論壇或與同事分享您的項目,您可能希望通過分享只讀連結來保護您的工作。
在右上角的共享選單中(在"Publish"的左邊),將"Share read-only link"切換為"打開"。現在您可以複製該連結,並在您喜歡的地方分享它。
與您分享這個連結的人將能夠看到您的項目,但更改不會被保存。
當您有客戶想添加或更新內容時,邀請合作者是一個不錯的選擇。
要邀請合作者,請進入那個相同的共享選單,點擊邀請合作者。
現在,在合作者下,選擇添加合作者,輸入電子郵件地址,然後點擊生成邀請連結。
這個連結將使合作者能夠進入編輯器,在那裡他們能夠看到和編輯內容。他們所做的任何修改都會被保存。
合作者不能訪問設計器,所以他們不能對布局、樣式或交互進行修改。
團隊帳戶可以讓您邀請團隊成員進入團隊儀表板,在那裡一群人可以訪問一個共享區域,創建和編輯項目。
要創建一個團隊帳戶,請前往您的Webflow儀表板。在右上方,從帳戶下拉選單中選擇團隊。
現在您可以創建新的團隊或將人員添加到現有的團隊中。
每個選項都給予合作者不同程度的訪問權限。
只能讀取連結:合作者可以看到該項目
合作者連結:合作者可以看到項目並在編輯器中編輯內容
團隊帳戶:合作者可以看到項目,編輯內容,並改變布局、風格和交互方式
發布Webflow網站,以即時看到它們在網絡上的狀態
無論您是在設計器還是在編輯器中,發布您的網站都會立即將您的所有更改推送到網絡上,而不會有文件和服務器管理或版本重寫的麻煩。
默認情況下,您的網站將發布到Webflow的暫存子域(例如, yoursite.webflow.io)。如果您添加了主機,您也可以把網站發布到妳的自定義域名(例如,yourdomain.com)。
本文會提到:
如何發布網站
如何發布單個收藏項目
如何取消發布網站
如何使用Webflow暫存子域進行測試和反饋
高級發布選項
您可以從設計器、編輯器或網站設置中發布所有的網站變化和更新。
點擊發布
勾選想發布的域
點擊"Publish to selected domains"
專業提示 您可以用鍵盤快捷鍵從設計器中快速發布更改。按Shift + P打開發布選單,仔細檢查哪些域被選中,然後按Shift + Enter發布到所有選中的域。
發布在編輯器中所作的任何修改也會將在設計器中所作的任何修改推送到網上。要從編輯器中發布整個網站
點擊"Publish"來預覽您的修改摘要
點擊"Publish changes"來發布所有的修改和更新
重要提示 當您從編輯器中發布時,您的網站將同時發布到webflow.io的暫存子域和您添加到網站的任何自定義域。
如果您想在不發布整個網站的情況下發布或更新一個單獨的集合項目,請在創建、編輯或保存該項目後選擇發布。
您可以在設計器或網站設置中從任何或所有的域中取消發布您的網站。解除發布立即生效,但您可以通過檢查域並再次發布來重新發布。
要從所有的域和子域中快速取消發布網站,請點擊網站設置中的取消發布圖標。
要從一個單一的域中取消發布您的網站:
在設計器中打開網站或進入網站設置
點擊發布
點擊想取消發布網站的域旁邊的" Unpublish"
為了測試自定義代碼或獲得對網站設計的反饋和批準,您可以將網站發布到Webflow暫存子域(如 yoursite.webflow.io)--而無需將這些更改推送到您的自定義域。
專業提示 您可以防止您的webflow.io網站出現在搜索結果中。
要發布到暫存子域而不發布到自定義域:
在設計器中打開網站或進入網站設置
點擊"Publish"
勾選Webflow暫存子域(如 yoursite.webflow.io)
取消勾選您的自定義域
點擊"Publish to select domains"
重要提示 當您從編輯器中發布時,您的網站將同時發布到webflow.io的暫存子域和自定義域。 您可以在 "Site settings">"General"標籤下指定您的子域。
注意 如果您改變了網站的子域,暫存域(如 yoursite.webflow.io)和網站的只讀連結都將被即時替換,意思是如果您已經分享了這些連結,它們將無法再被訪問。
高級發布選項位於設計器中的發布下拉選單中,或者在網站設置 > 發布標籤 > 高級發布選項中。
這些選項允許您啟用/禁用SSL,最小化HTML、CSS和/或JS,並選擇使用安全框架頭來限制網站可以被嵌入的位置。
使用密碼來限制對您的內容的訪問,並控制誰可以訪問特定的網頁、收藏或整個網站。
有時您可能想把網頁內容隱藏起來,不讓網友看到,可以透過不發布你的內容,或將網頁保存為草稿來做到這點。但如果您希望只與特定的人分享內容,您可以用密碼保護它。
如果您用Webflow托管您的網站,您可以保護整個網站或網站上的特定頁面。也可以自定義密碼頁面的設計,當網站訪問者試圖訪問受密碼保護的頁面時,該頁面就會出現。
本文會提到:
如何對單個頁面進行密碼保護
如何用密碼保護一個文件夾中的所有頁面
如何對一個集合中的所有頁面進行密碼保護
如何用密碼保護整個網站
如何設計密碼頁面
您可以在每個網站頁面上設置密碼,如果您想用密碼保護與客戶或特定受眾分享的頁面(如內部文件、敏感的客戶原型等)。如果您不需要私下分享的頁面,則可以把它們保存為草稿。
要設置一個頁面級別的密碼:
打開設計器中的頁面面板
點擊您想設置密碼的頁面右側的設置"齒輪"
在"常規"部分切換到"開啟"密碼保護
設置密碼
點擊保存
發布網站
注意 您需要添加一個網站計劃,以解鎖頁面和文件夾的密碼保護。
要想一次隱藏多個頁面的內容,您可以在每個頁面上設置一個密碼--或者可以將這些頁面添加到一個文件夾中,為整個文件夾設置密碼。
每個文件夾都可以有獨一無二的密碼,設置一個文件夾級別的密碼將覆蓋之前在該文件夾內的頁面或文件夾上設置的密碼,子頁面和文件夾將繼承其父文件夾的密碼。
要在設計器中設置文件夾級密碼,請在文件夾設置中啟用密碼保護。輸入密碼後,該密碼將適用於該文件夾中的所有頁面。
您也可以用密碼保護一個合集的模板頁面,這樣當用戶試圖訪問該合集時,所有自動生成的頁面都會顯示密碼頁面。這樣您就可以隱藏您仍在設計的集合的頁面。
要用密碼保護合集的頁面:
打開設計器中的頁面面板
點擊想設置密碼的合集模板頁右邊的設置 "齒輪"。
在"常規"部分切換到"開啟"密碼保護
設置密碼
點擊保存
發布網站
妳可以透過要求所有的域都有密碼來控制誰可以訪問一個仍在進行中的網站。如果您想發布您的網站用於測試或私人演示,這很有用。
網站密碼保護適用於所有具有付費網站計劃的網站(基本、CMS、商業和電子商務)。網站密碼保護也適用於所有具有付費工作區計劃(核心、增長和企業)的工作區的網站(免費和付費)。
注意 網站密碼保護不適用於免費工作區中的免費、未托管的網站。
要在整個網站上設置全站密碼:
進入網站設置 > 常規標簽 > 網站密碼
將密碼保護切換為 "開啟"
設置密碼
點擊設置密碼
發布網站
重要提示 設置全站密碼將覆蓋該站點內的頁面或文件夾上的密碼。您不能在頁面或文件夾上設置新的密碼,除非您在站點設置中刪除站點密碼。
偶然發現受密碼保護的URL的網站訪問者將被重定向到密碼頁面。他們需要在進入密碼保護的頁面前輸入您設置的密碼。
您可以在設計器中自定義密碼頁的設計,頁面面板>實用程序頁面>密碼頁面訪問該頁面。
默認情況下,密碼頁面帶有一套居中的元素,您可以隨心所欲地進行訂製。您可以刪除和編輯密碼頁面上的所有默認元素,除了不能刪除的輸入表格和提交按鈕。您也可以在頁面上添加新的元素,並以喜歡的方式設計這些元素。
此外,您還可以編輯和設計網站訪問者在輸入錯誤密碼時看到的錯誤信息。 編輯錯誤信息:
轉到頁面面板 > 實用程序頁面 > 密碼頁面
選擇畫布上的實用程序頁表單元素
進入元素設置 > 表單設置
選擇"錯誤的密碼"狀態
在畫布上的文本塊中輸入新錯誤信息