六个步骤轻松将网站从Webflow迁移到WordPress

尽管Webflow和WordPress在网站构建方法上有显著差异,但将网站从 Webflow 迁移到 WordPress 并没有想象中那么复杂。

本教程将逐步指导您完成迁移过程,确保你的网站可以顺利从Webflow过渡到功能更加齐全的WordPress上。

迁移前的准备工作

在开始迁移网站之前,您需要完成以下两项准备工作:

  1. 购买用于托管WordPress网站的主机或者服务器

  2. 备份Webflow网站

以下是完成这两个重要步骤的方法:

购买WordPress主机

选择托管服务商时,重要的是要明确自己的需求,然后寻找能够满足这些需求的公司。例如,小型网站可以选择便宜的虚拟主机,而流量较大的网站则需要更多资源,可能需要VPS或者独立服务器。

不管是虚拟主机还是VPS或者独立服务器,您都可以在Hostease找到合适的方案。通常虚拟主机都会提供免费的SSL证书,这一点您可以先和服务商进行确认,据我了解,但将网站从 Webflow 迁移到 WordPress 并没有想象中那么复杂。

备份Webflow网站

在迁移之前,对网站做一个备份,确保在出现意外的情况下我们始终有一份可以还原的数据副本。

Webflow到WordPress迁移步骤:

步骤1:从Webflow导出网站

(1)登录到Webflow的控制台,找到CMS Collections,这里包含了储存在Webflow服务器上的所有站点文件,如图:

选择需要导出的内容集合,然后点击页面顶部的“Import”按钮:

通过这一步,我们可以将内容集导出为CSV文件,用于后续在WordPress中导入。

通过这种方式,您可以下载Webflow网站的大部分组件,但部分组件(如自定义CSS、图片等)无法自动导出,还需手动或通过插件将这些组件添加或上传到您的WordPress网站。

步骤2:在主机上安装WordPress

如果您选择的是Hostease这样支持一键安装WordPress的服务商,那么这一步就会变得非常简单,您只需要登录到主机的控制面板(例如cPanel面板),一键轻松安装WordPress。

即便您的主机商不提供WordPress一键安装,也无需担心,手动安装WordPress并不复杂,您也可以联系服务商的支持,让他们协助您完成安装,大部分的服务商应该都可以协助您完成这一步骤。

安装WordPress软件后,访问登录页面(例如:your-temp-domain.com/wp-login.php*)并使用安装过程中设置的用户名和密码登录到您的站点仪表盘。

步骤3:将内容从Webflow导入到WordPress

这一步操作我们需要用到一个名为WP All Import的迁移插件,以将Webflow .csv文件导入到您的WordPress网站。

插件安装完成之后,WordPress左侧的菜单中会出现一个名为“ All Import”的选项,点击此选项,进入插件页面,然后选择“Upload a file”按钮来上传CSV文件,然后在“New Items”的下拉选项中选择“Posts”,如图:

将Webflow文件数据与网站的相应部分进行匹配。

例如您导入的是博客文章,需要匹配以下内容:

  • 标题和正文

  • 图片

  • 自定义字段

  • 分类法、类别、标签

  • 其他文章选项(文章状态、日期、评论)

  • 功能编辑器

以标题和正文为例,需要将博客的标题和正文从右侧拖动到左侧对应的位置,如图:

步骤4:将图片导入到WordPress

导入图片需要用到一个名为Auto Upload Images的插件。

激活后,该插件会自动搜索您的文章和页面中的图片URL,下载图片,然后将图片URL替换为实际图片。

步骤5:配置WordPress永久链接

设置永久链接对SEO十分重要,您可以在WordPress仪表盘>>设置>>固定链接结构中设置或调整。

通常推荐文章名称作为URL结构,如图:

除了设置永久链接外,您还需要设置URL重定向,例如您在Webflow站点上的页面URL是:https://www.example.com/post/best-dog-food/ 迁移到WordPress后,相应的页面URL是:https://www.example.com/best-dog-food/ 您需要将Webflow页面重定向到新的WordPress URL。

可以使用专用的重定向插件(如Redirection和301 Redirects)或SEO插件(如Yoast和RankMath)实现重定向。

步骤6:更新DNS设置

迁移完成之后,您需要将域名解析指向到新的主机或者服务器上。

步骤7:检查是否有失效的链接或错误

断开的链接会影响用户体验,并且会影响搜索引擎优化(SEO)

为避免这些问题,建议在完成迁移后对所有链接和内容进行彻底检查。您可以使用 Broken Link Checker 等网站自动扫描 WordPress 网站上的任何失效链接。

步骤8:安装WordPress主题和插件

为您的WordPress网站安装主题和插件,如果您想复制之前Webflow网站的外观,可在WordPress库中搜索一个视觉效果上相似的主题,并以此为基础进行调整。插件的话,可以根据您所需要的功能进行选择。

总结

将网站从Webflow迁移到WordPress虽然耗时,但并不难。我们在本文中详细介绍了如何实现所有这些步骤,希望您的迁移过程顺利进行。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值