如何從Webflow遷移到WordPress

如何從Webflow遷移到WordPress

Webflow是一個使用者友好的平臺,可幫助使用者使用直觀的視覺化編輯器建立專業網站。但是,如果您的網站已經有一段時間了,您可能正在尋找更靈活、更高階的解決方案,例如WordPress

從Webflow遷移到WordPress感覺像是一項艱鉅的任務,尤其是在您的網站包含大量內容的情況下。但是,該過程比您想象的要簡單,您可以立即啟動並執行新的WordPress網站。

在這篇文章中,我們將首先簡要討論您可能希望從Webflow遷移到WordPress的原因。然後,我們將引導您完成整個遷移過程。

  1. 為什麼你應該考慮從Webflow遷移到WordPress
  2. 從Webflow遷移到WordPress之前要考慮的事項
  3. 如何從Webflow遷移到WordPress

為什麼你應該考慮從Webflow遷移到WordPress

與大多數一體化網站解決方案一樣,Webflow使您能夠輕鬆構建和啟動網站。它既是網站建設者又是託管服務提供商。雖然這聽起來很方便,但也可能感覺有點侷限。由於您網站的各個方面都由同一服務管理,因此您在新增新功能或優化內容時可能會感到受限。

WordPress等開源內容管理系統 (CMS) 為您提供了更多的定製自由。雖然Webflow擁有廣泛的應用程式和小部件,但它無法與WordPress提供的豐富外掛相提並論。

使用WordPress,您還可以控制您的網路託管和預算。您可以貨比三家,為您的網站選擇合適的解決方案。此外,WordPress軟體是免費的,它的大多數可用外掛也是免費的。因此,從Webflow遷移到WordPress也可以幫助您減少網站費用。

從Webflow遷移到WordPress之前要考慮的事項

無論您是經營部落格還是電子商務商店,遷移WordPress網站似乎都是一項艱鉅且耗時的任務。然而,這個過程並不需要那麼長時間。此外,如果您可以使用正確的工具,則可以自行執行遷移。

但是,在開始之前,您需要做一些事情。讓我們看看您的Webflow到WordPress遷移的一些基本準備工作。

尋找WordPress虛擬主機

正如我們之前提到的,使用WordPress最好的事情之一 就是選擇您想要的任何網路主機。因此,您可以選擇滿足您的需求和預算的服務。

雖然選擇便宜的託管服務可能很誘人,但您可能需要考慮為您的網站獲取WordPress託管主機或者DIY主機 。此服務通常比其他選項更昂貴。但是,它可以幫助您提高網站效能並確保內容安全。

理想情況下,您將在開始遷移之前設定好新的託管帳戶。這種準備將有助於使過程更快一點。

備份您的資料

請務必注意,在遷移過程中,您實際上不會將內容從Webflow移動到WordPress。您只需將副本下載到您的計算機,然後將其上傳到WordPress。因此,您的 Webflow 站點將保持原樣,因此無需備份您的內容。

但是,您仍然可以選擇執行備份以防萬一出現問題。要在Webflow上儲存備份,您只需按住Command + Shift + S  (在Mac上)或Control + Shift + S  (在Windows上):

在Webflow上儲存備份

在Webflow上儲存備份

然後,Webflow將要求您輸入備份描述。準備好後,點選Save。然後,您可以轉到Settings > Backups以確保您的最新副本已儲存。

如何從Webflow遷移到WordPress

現在您已經設定了託管帳戶並備份了資料,是時候將您的內容從 Webflow 移動到 WordPress。在本教程中,我們將引導您完成整個遷移過程,以幫助您成功啟動新站點。

第 1 步:設定WordPress

第一步是設定WordPress。大多數網路主機提供一鍵式 WordPress 安裝及其計劃,您可以從您的主機帳戶訪問。此功能通常附帶設定指南,可幫助您在幾分鐘內完成該過程。

或者,您可以從WordPress.org手動下載該軟體:

WordPress.org主頁

WordPress.org主頁

然後,您需要將WordPress檔案上傳 到您的伺服器。該過程可能需要幾分鐘。準備就緒後,您可以繼續將Webflow匯出到WordPress。

第 2 步:從Webflow匯出您的內容

現在您已經設定了WordPress,您可以為新站點準備內容。幸運的是,Webflow使匯出資料變得非常容易。

但是,您不能全部匯出。可從Webflow下載的內容包括網頁、部落格文章、文字、嵌入塊、相簿頁面和影象。

要匯出您的內容,請轉到您的Webflow設計器並單擊CMS Collections面板。在這裡,您可以看到Webflow伺服器上的所有檔案和資料:

Webflow中的Collections面板

Webflow中的Collections面板

選擇您要下載的集合(例如部落格文章),然後單擊螢幕頂部附近的Export按鈕。內容將作為.csv檔案下載到您的計算機。您可以對要匯出的任何其他集合重複此過程。

第 3 步:將您的內容匯入WordPress

下一步是將您的Webflow內容上傳到WordPress。CMS附帶一個匯入工具,可讓您上傳XML格式的檔案。不幸的是,Webflow只允許您將內容下載為CSV檔案。

因此,您需要使用遷移外掛將CSV檔案匯入WordPress。我們推薦WP All Import

WP All Import外掛

WP All Import外掛

要將外掛新增到您的網站,請轉到WordPress儀表盤中的外掛 > 安裝外掛,然後在搜尋欄中查詢該工具。

搜尋WP All Import

搜尋WP All Import

然後,單擊立即安裝 按鈕,然後單擊啟用。啟用外掛後,導航到All Import > New Import

安裝並啟用WP All Import

安裝並啟用WP All Import

單擊Upload a file選項,然後選擇您之前下載的CSV檔案。然後,該外掛將引導您完成匯入過程。

對於本教程,我們將從Webflow匯入部落格文章:

匯入Webflow部落格文章

匯入Webflow部落格文章

該外掛將要求您使用拖放介面將元素拖放到正確的欄位中:

WP All Import中的拖放介面

WP All Import中的拖放介面

例如,您需要將文章的name(從右側)拖到標題欄位並將文章postbody拖到相關區域。您還將看到用於新增分類法(例如類別和標籤)以及配置其他設定(例如文章狀態)的選項:

配置文章設定

配置文章設定

請注意,這些設定將應用於您檔案中的每個文章。因此,您不必為匯入的每個文章重複該過程。

接下來,系統會要求您為檔案中的文章定義一個唯一識別符號。您可以單擊“Auto-detect” 按鈕生成ID:

生成您的唯一識別符號

生成您的唯一識別符號

最後,您需要單擊Confirm & Run Import按鈕以完成該過程:

確認並執行

確認並執行

該外掛將在匯入過程完成時通知您:

在WP All Import中匯入完成訊息

在WP All Import中匯入完成訊息

準備就緒後,您可以通過導航到儀表盤中的文章頁面來檢查您的內容。您還需要對您下載的任何其他Webflow檔案重複匯入過程。

請注意,WordPress不支援從其他平臺(例如Webflow)自動匯入影象。因此,您需要手動新增圖形或使用 Auto Upload Images

Auto Upload Images外掛

Auto Upload Images外掛

此外掛將在您的帖子和頁面中查詢影象URL。然後它將下載這些圖形並將它們上傳到WordPress,替換URL。

第 4 步:選擇一個WordPress主題

不幸的是,您無法將Webflow網站的設計轉移到WordPress。然而,流行的CMS提供了數以千計的精美主題可供選擇。

選擇一個WordPress主題

選擇一個WordPress主題

WordPress主題是可定製的,因此您可以修改它們以滿足您的需求。此外,它們中的大多數都是免費的,儘管一些付費主題也可以負擔得起。

我們建議您花一些時間自定義您的WordPress主題並嘗試不同的選項。但是,您需要選擇響應式設計,因為這將幫助您確保您的內容在所有裝置上看起來都很棒。

接下來,您需要配置WordPress固定連結。它們定義了您網站URL的結構。

要訪問您的固定連結,請轉到WordPress儀表盤中的設定 > 固定連結:

WordPress中的固定連結設定

WordPress中的固定連結設定

如您所見,您有多種選擇。我們建議您選擇文章名。這樣,您的URL將由您的域名和您為該特定頁面或文章設定的slug組成。擁有簡短而乾淨的URL可以使您的網站的搜尋引擎優化 (SEO) 受益。

準備好後,單擊Save Changes。您現在可以繼續進行最後一步。

第 6 步:將您的域指向WordPress

雖然您可能已將站點匯入WordPress,但您的域(例如 mysite.com)仍然指向Webflow的名稱伺服器。如果您想保留相同的域,您需要更新您的DNS設定,以便您的域指向您的新Web主機的伺服器。

您可以在您的主機帳戶中找到主機的名稱伺服器。它們通常看起來像這樣:

  • ns1.yourwebhost.com
  • ns2.yourwebhost.com
  • ns3.yourwebhost.com

如果您在建立Webflow站點時使用了域註冊商 ,則需要登入您的帳戶來管理DNS設定。您的新虛擬主機甚至可以讓您通過其控制面板管理您的域。

現在,當訪問者在Google中輸入您的網址時,他們將被定向到您的新網站。我們建議您在WordPress網站準備好上線後完成此步驟。

小結

Webflow是一個多合一的網站構建器,可讓您輕鬆啟動和管理您的網站。但是,隨著您網站的增長,您可能需要切換到更靈活、更強大的平臺,例如WordPress。

正如我們所見,從Webflow遷移到WordPress可以是一個順利的過程。但是,為您的新網站選擇合適的託管服務提供商至關重要。您還需要選擇一個響應式WordPress主題、優化您的永久連結並更新您的域設定,以便將使用者定向到您的新站點。

評論留言