Webflow是一個(gè)用戶(hù)友好的平臺(tái)，可幫助用戶(hù)使用直觀的可視化編輯器創(chuàng)建專(zhuān)業(yè)網(wǎng)站。但是，如果您的網(wǎng)站已經(jīng)有一段時(shí)間了，您可能正在尋找更靈活、更高級(jí)的解決方案，例如wordpress。

從Webflow遷移到WordPress感覺(jué)像是一項(xiàng)艱巨的任務(wù)，尤其是在您的網(wǎng)站包含大量?jī)?nèi)容的情況下。但是，該過(guò)程比您想象的要簡(jiǎn)單，您可以立即啟動(dòng)并運(yùn)行新的WordPress網(wǎng)站。

在這篇文章中，我們將首先簡(jiǎn)要討論您可能希望從Webflow遷移到WordPress的原因。然后，我們將引導(dǎo)您完成整個(gè)遷移過(guò)程。

1. 為什么你應(yīng)該考慮從Webflow遷移到WordPress
2. 從Webflow遷移到WordPress之前要考慮的事項(xiàng)
3. 如何從Webflow遷移到WordPress

為什么你應(yīng)該考慮從Webflow遷移到WordPress

與大多數(shù)一體化網(wǎng)站解決方案一樣，Webflow使您能夠輕松構(gòu)建和啟動(dòng)網(wǎng)站。它既是網(wǎng)站建設(shè)者又是托管服務(wù)提供商。雖然這聽(tīng)起來(lái)很方便，但也可能感覺(jué)有點(diǎn)局限。由于您網(wǎng)站的各個(gè)方面都由同一服務(wù)管理，因此您在添加新功能或優(yōu)化內(nèi)容時(shí)可能會(huì)感到受限。

WordPress等開(kāi)源內(nèi)容管理系統(tǒng) (CMS) 為您提供了更多的定制自由。雖然Webflow擁有廣泛的應(yīng)用程序和小部件，但它無(wú)法與WordPress提供的豐富插件相提并論。

使用WordPress，您還可以控制您的網(wǎng)絡(luò)托管和預(yù)算。您可以貨比三家，為您的網(wǎng)站選擇合適的解決方案。此外，WordPress軟件是免費(fèi)的，它的大多數(shù)可用插件也是免費(fèi)的。因此，從Webflow遷移到WordPress也可以幫助您減少網(wǎng)站費(fèi)用。

從Webflow遷移到WordPress之前要考慮的事項(xiàng)

無(wú)論您是經(jīng)營(yíng)博客還是電子商務(wù)商店，遷移WordPress網(wǎng)站似乎都是一項(xiàng)艱巨且耗時(shí)的任務(wù)。然而，這個(gè)過(guò)程并不需要那么長(zhǎng)時(shí)間。此外，如果您可以使用正確的工具，則可以自行執(zhí)行遷移。

但是，在開(kāi)始之前，您需要做一些事情。讓我們看看您的Webflow到WordPress遷移的一些基本準(zhǔn)備工作。

尋找WordPress虛擬主機(jī)

正如我們之前提到的，使用WordPress最好的事情之一?就是選擇您想要的任何網(wǎng)絡(luò)主機(jī)。因此，您可以選擇滿(mǎn)足您的需求和預(yù)算的服務(wù)。

雖然選擇便宜的托管服務(wù)可能很誘人，但您可能需要考慮為您的網(wǎng)站獲取WordPress托管主機(jī)或者DIY主機(jī)?。此服務(wù)通常比其他選項(xiàng)更昂貴。但是，它可以幫助您提高網(wǎng)站性能并確保內(nèi)容安全。

理想情況下，您將在開(kāi)始遷移之前設(shè)置好新的托管帳戶(hù)。這種準(zhǔn)備將有助于使過(guò)程更快一點(diǎn)。

備份您的數(shù)據(jù)

請(qǐng)務(wù)必注意，在遷移過(guò)程中，您實(shí)際上不會(huì)將內(nèi)容從Webflow移動(dòng)到WordPress。您只需將副本下載到您的計(jì)算機(jī)，然后將其上傳到WordPress。因此，您的 Webflow 站點(diǎn)將保持原樣，因此無(wú)需備份您的內(nèi)容。

但是，您仍然可以選擇執(zhí)行備份以防萬(wàn)一出現(xiàn)問(wèn)題。要在Webflow上保存?zhèn)浞荩恍璋醋?strong>Command + Shift + S ?（在Mac上）或Control + Shift + S ?（在Windows上）：

在Webflow上保存?zhèn)浞?/p>

然后，Webflow將要求您輸入備份描述。準(zhǔn)備好后，點(diǎn)擊Save。然后，您可以轉(zhuǎn)到Settings?> Backups以確保您的最新副本已保存。

如何從Webflow遷移到WordPress

現(xiàn)在您已經(jīng)設(shè)置了托管帳戶(hù)并備份了數(shù)據(jù)，是時(shí)候?qū)⒛膬?nèi)容從 Webflow 移動(dòng)到 WordPress。在本教程中，我們將引導(dǎo)您完成整個(gè)遷移過(guò)程，以幫助您成功啟動(dòng)新站點(diǎn)。

第 1 步：設(shè)置WordPress

第一步是設(shè)置WordPress。大多數(shù)網(wǎng)絡(luò)主機(jī)提供一鍵式 WordPress 安裝及其計(jì)劃，您可以從您的主機(jī)帳戶(hù)訪(fǎng)問(wèn)。此功能通常附帶設(shè)置指南，可幫助您在幾分鐘內(nèi)完成該過(guò)程。

或者，您可以從WordPress.org手動(dòng)下載該軟件：

WordPress.org主頁(yè)

然后，您需要將WordPress文件上傳 到您的服務(wù)器。該過(guò)程可能需要幾分鐘。準(zhǔn)備就緒后，您可以繼續(xù)將Webflow導(dǎo)出到WordPress。

第 2 步：從Webflow導(dǎo)出您的內(nèi)容

現(xiàn)在您已經(jīng)設(shè)置了WordPress，您可以為新站點(diǎn)準(zhǔn)備內(nèi)容。幸運(yùn)的是，Webflow使導(dǎo)出數(shù)據(jù)變得非常容易。

但是，您不能全部導(dǎo)出?？蓮腤ebflow下載的內(nèi)容包括網(wǎng)頁(yè)、博客文章、文本、嵌入塊、圖庫(kù)頁(yè)面和圖像。

要導(dǎo)出您的內(nèi)容，請(qǐng)轉(zhuǎn)到您的Webflow設(shè)計(jì)器并單擊CMS Collections面板。在這里，您可以看到Webflow服務(wù)器上的所有文件和數(shù)據(jù)：

Webflow中的Collections面板

選擇您要下載的集合（例如博客文章），然后單擊屏幕頂部附近的Export按鈕。內(nèi)容將作為.csv文件下載到您的計(jì)算機(jī)。您可以對(duì)要導(dǎo)出的任何其他集合重復(fù)此過(guò)程。

第 3 步：將您的內(nèi)容導(dǎo)入WordPress

下一步是將您的Webflow內(nèi)容上傳到WordPress。CMS附帶一個(gè)導(dǎo)入工具，可讓您上傳XML格式的文件。不幸的是，Webflow只允許您將內(nèi)容下載為CSV文件。

因此，您需要使用遷移插件將CSV文件導(dǎo)入WordPress。我們推薦WP All Import：

WP All Import插件

要將插件添加到您的網(wǎng)站，請(qǐng)轉(zhuǎn)到WordPress儀表盤(pán)中的插件 > 安裝插件，然后在搜索欄中查找該工具。

搜索WP All Import

然后，單擊立即安裝 按鈕，然后單擊啟用。激活插件后，導(dǎo)航到All Import > New Import：

安裝并激活WP All Import

單擊Upload a file選項(xiàng)，然后選擇您之前下載的CSV文件。然后，該插件將引導(dǎo)您完成導(dǎo)入過(guò)程。

對(duì)于本教程，我們將從Webflow導(dǎo)入博客文章：

導(dǎo)入Webflow博客文章

該插件將要求您使用拖放界面將元素拖放到正確的字段中：

WP All Import中的拖放界面

例如，您需要將文章的name（從右側(cè)）拖到標(biāo)題字段并將文章postbody拖到相關(guān)區(qū)域。您還將看到用于添加分類(lèi)法（例如類(lèi)別和標(biāo)簽）以及配置其他設(shè)置（例如文章?tīng)顟B(tài)）的選項(xiàng)：

配置文章設(shè)置

請(qǐng)注意，這些設(shè)置將應(yīng)用于您文件中的每個(gè)文章。因此，您不必為導(dǎo)入的每個(gè)文章重復(fù)該過(guò)程。

接下來(lái)，系統(tǒng)會(huì)要求您為文件中的文章定義一個(gè)唯一標(biāo)識(shí)符。您可以單擊“Auto-detect” 按鈕生成ID：

生成您的唯一標(biāo)識(shí)符

最后，您需要單擊Confirm & Run Import按鈕以完成該過(guò)程：

確認(rèn)并運(yùn)行

該插件將在導(dǎo)入過(guò)程完成時(shí)通知您：

在WP All Import中導(dǎo)入完成消息

準(zhǔn)備就緒后，您可以通過(guò)導(dǎo)航到儀表盤(pán)中的文章或頁(yè)面來(lái)檢查您的內(nèi)容。您還需要對(duì)您下載的任何其他Webflow文件重復(fù)導(dǎo)入過(guò)程。

請(qǐng)注意，WordPress不支持從其他平臺(tái)（例如Webflow）自動(dòng)導(dǎo)入圖像。因此，您需要手動(dòng)添加圖形或使用?Auto Upload Images。

Auto Upload Images插件

此插件將在您的帖子和頁(yè)面中查找圖像URL。然后它將下載這些圖形并將它們上傳到WordPress，替換URL。

第 4 步：選擇一個(gè)wordpress主題

不幸的是，您無(wú)法將Webflow網(wǎng)站的設(shè)計(jì)轉(zhuǎn)移到WordPress。然而，流行的CMS提供了數(shù)以千計(jì)的精美主題可供選擇。

選擇一個(gè)WordPress主題

WordPress主題是可定制的，因此您可以修改它們以滿(mǎn)足您的需求。此外，它們中的大多數(shù)都是免費(fèi)的，盡管一些付費(fèi)主題也可以負(fù)擔(dān)得起。

我們建議您花一些時(shí)間自定義您的WordPress主題并嘗試不同的選項(xiàng)。但是，您需要選擇響應(yīng)式設(shè)計(jì)，因?yàn)檫@將幫助您確保您的內(nèi)容在所有設(shè)備上看起來(lái)都很棒。

第 5 步：配置您的WordPress固定鏈接

接下來(lái)，您需要配置WordPress固定鏈接。它們定義了您網(wǎng)站URL的結(jié)構(gòu)。

要訪(fǎng)問(wèn)您的固定鏈接，請(qǐng)轉(zhuǎn)到WordPress儀表盤(pán)中的設(shè)置 > 固定鏈接：

WordPress中的固定鏈接設(shè)置

如您所見(jiàn)，您有多種選擇。我們建議您選擇文章名。這樣，您的URL將由您的域名和您為該特定頁(yè)面或文章設(shè)置的slug組成。擁有簡(jiǎn)短而干凈的URL可以使您的網(wǎng)站的搜索引擎優(yōu)化 (SEO) 受益。

準(zhǔn)備好后，單擊Save Changes。您現(xiàn)在可以繼續(xù)進(jìn)行最后一步。

第 6 步：將您的域指向WordPress

雖然您可能已將站點(diǎn)導(dǎo)入WordPress，但您的域（例如 mysite.com）仍然指向Webflow的名稱(chēng)服務(wù)器。如果您想保留相同的域，您需要更新您的DNS設(shè)置，以便您的域指向您的新Web主機(jī)的服務(wù)器。

您可以在您的主機(jī)帳戶(hù)中找到主機(jī)的名稱(chēng)服務(wù)器。它們通常看起來(lái)像這樣：

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

如果您在創(chuàng)建Webflow站點(diǎn)時(shí)使用了域注冊(cè)商 ，則需要登錄您的帳戶(hù)來(lái)管理DNS設(shè)置。您的新虛擬主機(jī)甚至可以讓您通過(guò)其控制面板管理您的域。

現(xiàn)在，當(dāng)訪(fǎng)問(wèn)者在Google中輸入您的網(wǎng)址時(shí)，他們將被定向到您的新網(wǎng)站。我們建議您在WordPress網(wǎng)站準(zhǔn)備好上線(xiàn)后完成此步驟。

小結(jié)

Webflow是一個(gè)多合一的網(wǎng)站構(gòu)建器，可讓您輕松啟動(dòng)和管理您的網(wǎng)站。但是，隨著您網(wǎng)站的增長(zhǎng)，您可能需要切換到更靈活、更強(qiáng)大的平臺(tái)，例如WordPress。

正如我們所見(jiàn)，從Webflow遷移到WordPress可以是一個(gè)順利的過(guò)程。但是，為您的新網(wǎng)站選擇合適的托管服務(wù)提供商至關(guān)重要。您還需要選擇一個(gè)響應(yīng)式WordPress主題、優(yōu)化您的永久鏈接并更新您的域設(shè)置，以便將用戶(hù)定向到您的新站點(diǎn)。