從 Webflow 遷移到 WordPress 似乎看起來比較困難,但其實只需要按照正確的方法,遷移起來也會很輕鬆
為什麼要從 Webflow 遷移到 WordPress?
Webflow 和 WordPress 有各自的優勢,但根據您的需要,從 Webflow 遷移到 WordPress 可以為網站管理帶來多種好處。
Webflow 和 WordPress 的區別
Webflow 和 WordPress 都是創建和管理網站的流行平臺。 每種平臺都有其獨特的功能和能力。 讓我們來探討一下這兩個平台之間的一些主要區別。
功能 | Webflow | WordPress |
直觀的編輯器 | Webflow 提供直觀的可視化編輯器 | WordPress 沒有內置可視化編輯器,但可以使用外掛程式添加。 |
自訂選項 | Webflow 的自定義選項有限,應用程式和小工具的可選性較小 | WordPress 允許更多的自定義,提供廣泛的外掛程式和修改選項。 |
內容管理 | Webflow 提供良好的內容管理能力,但可能不如其他平臺全面 | WordPress 因其強大的內容管理系統而廣受認可,可提供出色的跟蹤和組織功能。 |
託管 | Webflow 提供內置託管,簡化了流程 | 而 WordPress 則需要選擇託管服務提供者並安裝軟體,因此託管環境的控制能力更強。 |
社區支援 | Webflow 的社區規模較小,可提供幫助的資源較少。 | WordPress 擁有龐大的使用者和開發人員社區,可提供廣泛的資源和支援。 |
WordPress 網站管理的優勢
WordPress 是一種高度靈活的內容管理系統。 具有豐富的可定製功能和對網站伺服器更高的控制許可權。 這款開源軟體旨在説明您按照自己的意願設計網站,而無需增加預算。
WordPress 的可定製性使其成為許多網站所有者的首選。 有成千上萬的主題供您選擇,您可以定製網站的方方面面。
不僅如此,WordPress 還提供外掛程式,提供額外的功能和特性,豐富網站的用戶體驗。 此外,大多數外掛程式都是免費的! 節省網站開支使 WordPress 成為有效管理網站的經濟高效的解決方案。
為遷移做準備
現在讓我們來介紹從 Webflow 遷移到 WordPress 的所有準備步驟。
選擇 WordPress 託管服務提供者
選擇 WordPress 託管服務提供者是第一步。 這一選擇對網站的速度、性能和整體用戶體驗起著重要作用。 像Siteground這樣提供 WordPress 託管服務的供應商可以簡化這一過程。
在託管平台上安裝 WordPress
![从Webflow迁移到WordPress指南 2 image 37 1](https://www.xiaolikt.com/wp-content/uploads/2023/08/image-37-1-1024x882.jpg)
在伺服器上安裝 WordPress 是準備從 Webflow 遷移到 WordPress 的下一步。 有了 WordPress,您就可以使用功能強大、可定製的內容管理系統,與 Webflow 相比,它具有更大的靈活性。
很多主機供應商都有自己的 WordPress 安裝程式,因此請務必向您選擇的主機提供者尋求説明。
像主機提供者 SiteGround ,只需點擊一下按鈕即可完成。
根據需要定製 WordPress 網站
![从Webflow迁移到WordPress指南 3 image 37 2](https://www.xiaolikt.com/wp-content/uploads/2023/08/image-37-2.jpg)
有了 WordPress,您就可以使用各種外掛程式,它們提供了一系列功能和自定義選項。 您可以通過添加電子商務、聯繫表單、搜尋引擎優化(SEO)等外掛程式來增強網站的功能。
此外,有成千上萬的主題可供選擇,您可以選擇符合自己品牌的設計,然後進一步定製,打造獨一無二的在線形象。 您可以根據需要定製 WordPress 網站,盡享其靈活性和創造力。
WordPress 為管理網站頁面提供了直觀的介面。 您可以輕鬆創建新頁面或編輯現有頁面,無需任何編碼技能或技術知識。
匯出 Webflow 內容
![从Webflow迁移到WordPress指南 4 image 37](https://www.xiaolikt.com/wp-content/uploads/2023/08/image-37.png)
現在我們來介紹遷移 Webflow 網站的第二個階段,即匯出 Webflow 內容。
訪問 Webflow 控制面板
要管理在 Webflow 平台上創建的網站,您可以輕鬆存取 Webflow 控制面板。 這個中央樞紐為您提供了編輯和自定義網站所需的所有工具和功能。
在這裡,您可以使用視覺化編輯器自訂網站的設計和佈局。 您還可以控制管理網站設置、添加或編輯內容以及整合第三方服務。
要訪問 Webflow 面板,只需登錄您的 Webflow 帳戶即可開始使用。
找到並匯出內容檔
要將網站從 Webflow 成功遷移到 WordPress,您需要找到並匯出內容檔。
通過查找和導出這些檔,您可以在遷移過程中保持網站的完整性。 匯出后,這些內容檔可以使用遷移外掛程式輕鬆導入到 WordPress 中,確保從 Webflow 到 WordPress 的無縫過渡。
要在 Webflow 中找到並匯出內容檔,您可以按照以下步驟操作:
將 CMS 內容匯出為 CSV
![从Webflow迁移到WordPress指南 5 image 38](https://www.xiaolikt.com/wp-content/uploads/2023/08/image-38.png)
打開 Webflow 中的collections panel。 然後選擇要匯出的內容集,按兩下 「匯出 」 按鈕。 這將把內容集匯出為 CSV 檔,用於在 WordPress 中導入。
匯出代碼
![从Webflow迁移到WordPress指南 6 image 39](https://www.xiaolikt.com/wp-content/uploads/2023/08/image-39.png)
接下來,您需要匯出代碼。 在 Webflow Designer 中打開網站,然後按兩下匯出按鈕。 單擊準備 ZIP,生成包含網站 HTML、CSS、JavaScript 和資產的 ZIP 檔。
現在,您已經準備好將內容導入 WordPress。
將內容導入到 WordPress
現在我們來介紹一下如何將這些從 Webflow 導出的文件導入到新的 WordPress 網站。
將導出的文件導入 WordPress
要成功地將內容從 Webflow 遷移到 WordPress,您需要將導出的文件導入新的 WordPress 網站。 這是遷移過程中的一個關鍵步驟,因為它可以確保您的所有網站內容都被準確轉移。
為此,您可以使用 WP All Import 這樣的遷移外掛程式,它可以讓您輕鬆上傳和管理匯出檔,從而簡化導入過程。 另外,如果內容較少,或者如果您希望對導入有更多控制,也可以手動將內容添加到 WordPress 中。
您可以使用 WP All Import 外掛程式導入匯出的內容,方法是點擊 「All Import(全部導入)」>」New Import(新導入)”
在那裡,您可以上傳 CSV 檔,選擇導入文章類型,並在導入過程中將 CSV 檔中的列映射到 WordPress 中的相應位置。
![从Webflow迁移到WordPress指南 7 image 40](https://www.xiaolikt.com/wp-content/uploads/2023/08/image-40-1024x441.png)
管理和組織導入的內容
成功導入檔后,重要的是管理和組織這些檔,將網站設置成Webflow上的樣子。
使用 WordPress,您可以完全控制如何安排和組織導入的內容。 這樣,您就可以輕鬆地對文章進行分類、創建自定義功能表、指定標籤或類別,從而使您自己和訪客都能輕鬆地瀏覽網站。
![从Webflow迁移到WordPress指南 8 image 41](https://www.xiaolikt.com/wp-content/uploads/2023/08/image-41.png)
此外,還可以利用 WordPress 中的各種外掛程式,它們可以説明您有效地組織和管理內容。 Bulk Edit Posts就是一個非常有用的外掛程式。 該外掛程式允許您從電子錶格中編輯文章,這對整理大量文章非常有效。
利用這些工具並花時間精心組織導入的內容,就能確保順利過渡,並優化新 WordPress 網站的用戶體驗。
遷移過程中的圖片處理
Webflow 網站上的圖片需要以不同於其他內容的方式處理,才能在 WordPress 網站上顯示。 下面我們將介紹如何處理圖片上傳。
將圖片重新上傳到 WordPress 網站
在將網站從 Webflow 遷移到 WordPress 的過程中,一個重要的步驟是將圖片重新上傳到 WordPress 網站。 與其他一些平臺不同,WordPress 不支援在遷移過程中自動導入圖片。
這意味著您需要手動傳輸和上傳圖片到新的 WordPress 網站。 這可能需要一些精力和時間,特別是如果您的網站有許多頁面或大量圖片的話。
不過,有一些外掛程式 Auto Upload Images 可以説明您將包含圖片資訊的 CSV 檔導入 WordPress,從而簡化這一過程。
以下是將導出的 CSV 檔中的圖片重新上傳到 WordPress 網站的步驟。
配置Auto Upload Images 外掛程式
在 WordPress 管理儀錶板中進入 「設置」>“Auto Upload Images”。 在這裡,您可以自定義與圖片上傳相關的各種設置,如圖片的基本 URL、圖片檔名模式、圖片 alt 名稱模式等。
![从Webflow迁移到WordPress指南 9 image 42](https://www.xiaolikt.com/wp-content/uploads/2023/08/image-42.png)
上傳 CSV 檔
在 WordPress 管理面板中進入工具 > Auto Upload Images。 點擊 「選擇 CSV 檔 」 按鈕,選擇包含圖片 URL 的 CSV 檔。 然後點擊上傳按鈕,開始上傳圖片。
監控進度
自動上傳圖片外掛程式會自動檢測 CSV 檔中的圖片 URL,並將它們上傳到 WordPress 網站。 您可以在螢幕上監控圖片上傳過程的進度。 上傳過程完成後,您將看到一條資訊,顯示成功上傳的圖片數量。
驗證上傳的圖片
圖片上傳過程結束後,您可以進入 WordPress 管理儀錶板的 「媒體」部分,驗證圖片是否已成功上傳。 同時檢查應顯示圖片的帖子或頁面,確保它們顯示正確。
現在我們來介紹如何重定向功能變數名稱。
功能變數名稱重定向
現在,您需要將功能變數名稱從 Webflow 重定向到 WordPress,並更新 DNS 設置,以便使網站上線。
以下是操作步驟:
- 訪問 Webflow 中的功能變數名稱設置:登錄您的 Webflow 帳戶,存取您要重定向的域的域設置。
- 配置域重定向:在域設置中,查找配置重定向或轉發的選項。 輸入新的 WordPress 網站 URL 作為重定向的目的地。
- 保存並測試:保存 Webflow 域設置中的更改,並通過網路瀏覽器存取您的域來測試重定向。 確保能正確重定向到 WordPress 網站。
請務必記住,具體步驟可能因您使用的特定功能變數名稱註冊商或託管服務提供者而異。
建議查閱功能變數名稱註冊商和 Webflow 提供的文件或支援資源,以瞭解針對您的具體設置的更詳細說明。
最後步驟和下一步行動
您的工作基本完成! 最後的步驟是檢查是否有失效的連結或錯誤,然後徹底測試您的網站。
檢查是否有失效的連結或錯誤
斷開的連結會對用戶體驗產生負面影響,也會影響搜尋引擎優化(SEO)工作。
為避免這些問題,建議在完成遷移后對所有鏈接和內容進行徹底檢查。 您可以使用 Broken Link Checker 等網站自動掃描 WordPress 網站上的任何失效連結。
徹底測試新的 WordPress 網站
在啟動新網站之前,確保一切工作正常非常重要。
全面測試包括評估外掛程式和主題的功能、確定潛在問題或錯誤,以及優化網站以獲得最佳性能。
通過啟動前測試驗證新網站的功能,您可以解決任何問題並進行必要的調整,以創建無縫的用戶體驗。
好了! 你成功了。 現在,您已經準備好展示從 Webflow 遷移過來的新 WordPress 網站了。