(如何以及为什么!)我把我的网站从WordPress转移到Webflow

对于那些认为WordPress太过局限的人来说,将网站转换为Webflow提供了设计上的灵活性。阅读一个diy者是如何做这个转换的。

没有发现。

我经常嫉妒那些拥有漂亮网站的人。我以为我不可能拥有同样的生活。

十多年前,我在WordPress上创建了我的第一个网站,用于一些个人博客。最后,我添加了一个自定义域,多年来,我添加了像社会链接和导航菜单这样的东西,以跟上我在其他网站上看到的常见功能。

到了2020年底,我决定开启一段新的职业旅程。请在《伟大的辞职》一书中称我为提前到来的人——我想辞去在一家金融科技公司担任产品经理的工作,转而从事内容营销。欧宝体育在线首页我很快意识到,如果没有作品集,没有人会雇佣我作为一个作家,所以我创建了第二个WordPress网站来提供样本作品——但这还不够。经过深思熟虑和反复尝试,我选择将我的网站从Wordpress完全转移到Webflow。

这是我的故事。

我的Webflow之旅

我在2009年用谷歌的Blogger创建了我的第一个网站。我刚当上产假的妈妈,想着把我和我刚出生的儿子在一起的日子写在博客上会很有趣。博客很容易建立,我很快就向我的三个粉丝(其中两个是我的父母)讲述了我的一天。

几年后,我把我的博客网站搬到了WordPress上。这主要是由于美学。我写博客还是出于个人原因,但我想加入一些Blogger没有的酷功能。

但到了2020年,我的需求发生了变化,我开始寻找一个看起来很专业的网站,它能促进我的职业发展。当我在网上搜寻其他作家的作品集时,我为自己的网站感到尴尬。其他网站有有趣的布局和动画,我想把它们整合到我自己的网站中,但我知道我没有能力构建除WordPress提供的标准块布局之外的任何东西。

杨安娜更新后的Webflow网站。这里她展示了她的“关于”部分

不知怎的,尽管我的网站很明显是我自己创建的,但我还是找到了一份内容营销方面的工作。正是在我的新职位上,我第一次接触到了Webflow。使用Webflow,我可以轻松地将博客文章直接上传到我的客户的CMS,站点本身是直观的,美观的,令人难以置信的流畅。

当我开始收到更多关于我工作的咨询时,我知道我必须马上做出改变。在一个朋友的鼓励下,我决定改用Webflow,他是一个自由撰稿人,也使用Webflow。结合我以前与客户的Webflow项目和Webflow大学教程-我可以解决它。

第一步:建立我的新网站

因为我已经把我的网站从Blogger转移到Wordpress,我对网站迁移所涉及的内容有一种感觉。我知道在转移我所有的博客文章之前,应该先建立我的新网站的主页。

我没有足够的野心从头开始建立一个Webflow网站,所以我用了一个模板代替。在浏览Webflow模板库之后,我发现一个既符合我的风格,又拥有我创建作品集网站所需的一切。

试错方法并不困扰我,所以我很乐意通过四处查看和探索来深入研究Webflow的功能。对于更复杂的函数,比如建立一个表格,我看了Webflow的视频。

我从头开始创建了许多独立的页面,不需要使用我以前的网站作为指导,因为Webflow的设计选项比Wordpress好太多了。

安娜以前的Wordpress网站的视图。

我的CMS的结构可能是最需要计划的,因为我有两个不同的集合:我的博客文章和我的项目组合。

首先,我创建了一些示例帖子,把自己放在访问者的角度。因此,我决定要控制帖子显示的顺序,因此我在Webflow CMS集合中创建了一个自定义字段,可以在其中输入一个值,并使用该字段来确定容器内的排序顺序。

我发现的另一个关键组件是将我的帖子排除在搜索结果之外的能力。我为一家内容营销机构做过一些自由撰稿,该机构允许我在自己的作品集中转发内容,只要这些内容不被搜索结果所显示。在WordPress中,我不得不为这个特性安装一个插件,因为我不知道如何添加自定义代码。Webflow允许我在我的博客文章模板中直接这样做。我所要做的就是将内容添加到包含我的代理工作的CMS集合中,并将其从我自己的项目的CMS集合中排除。WordPress没有办法让我做出这种区分——要么全部要么一无所有。

步骤2:从WordPress转移我的网站博客文章

一旦我创建了我的主页、关于我的页面、联系页面和CMS结构,是时候把我的150多篇文章从WordPress迁移到Webflow了。

为了准备,我阅读了说明书Webflow教程,然后使用一个插件从WordPress中导出文章数据为CSV格式。值得注意的是,插件只包含在某些付费的WordPress计划中。幸运的是,我的孩子有这个选择。

我最后做了几次从WordPress导出我的博客文章。第一次,我没有把我的类别包括进去。一旦我开始导入Webflow,我意识到我可以映射我的类别,前提是我在CMS中设置了匹配的类别。

不幸的是,WordPress导出在一个字段中包含了多个category,并在字段中使用Pipe分隔。这导致类别与我设置的Webflow类别不匹配。我在我的。csv文件中做了一些清理,当我的帖子有多个类别时,删除它们。

从这里开始,映射就很简单了:我将WordPress .csv中的字段与相应的Webflow字段匹配。

安娜将她的Wordpress站点转移到Webflow站点的视图。

我需要创建301个重定向,因为我的帖子的URL已经改变了。我读了关于通配符的Webflow信息但我的旧帖子不在文件夹中,所以我必须单独映射每个帖子。

我使用我的WordPress .csv文件轻松地创建了一个301重定向列表。一个快速的“查找和替换”让我得到了我需要的Webflow的旧URL和新URL。然后,它只是简单地复制和粘贴路径-一个简单的活动,Netflix在后台。

安娜重定向旧url到她的新Webflow站点的视图。

步骤3:切换我的网站域名

这是整个过程中最艰难的一步。我知道足够的但我肯定不是这方面的专家由于我现有的域名是实时的,所以我一直等到所有东西都准备好在我的新Webflow网站上发布之后才开始研究它。

WordPress托管了我的域名。我把它移到了GoDaddy上,它托管了我的另一个网站的域名。当我开始这个过程,我意识到我应该读Webflow文档首先,可能会选择一个允许管理DNS记录的新的主机提供商。

但在那一刻,我被困住了。一个域的转移只能每60天做一次,所以我需要坚持用GoDaddy或等待它直到我可以做一个转移。我渴望让我的新网站上线,并且已经支付了GoDaddy的域名,所以我继续努力。

我看了Webflow教程并阅读有关连接自定义域的说明。事实证明,我的安排比我想象的更完美。我在Webflow中被提示去连接我的GoDaddy域名而且不需要手动做任何事情。

一个新的网站是一个重新开始的机会

总的来说,我花了大约一个月的时间来安装我的新电脑Webflow的网站.因为我要兼顾全职工作、五口之家和自由职业,所以我必须在我空闲的小块时间里做这件事。我一步一步地知道我需要做什么,并决心完成它。

把我的网站从WordPress移到Webflow不仅是一个改进设计的机会,而且也是一个思考我所包含的内容的机会。毕竟,人们多久更新一次他们作品集中的“关于”页面,或者真正回顾过去的博客帖子?

虽然导入WordPress的内容对我来说很重要,但是大部分的文章仍然在草稿中。随着时间的推移,我将重新审视它们,慢慢地确保我所写的内容与我创建的漂亮网站相匹配。

准备好开始从WordPress到Webflow的迁移了吗?看看这些说明

Webflow -现代WordPress的替代品

使您的团队能够在极短的时间内可视化地构建最自定义、响应最快和最安全的站点。

订阅成为一个Webflow内幕
谢谢你!你已经订阅了!
哦!订阅的时候出了点问题。
探索Webflow

发表

2021年12月15日

类别

教程

加入谈话

Webflow是什么?

obao体育
关于设计师的更多信息

设计师

可视化画布中CSS、HTML和JavaScript的强大功能。

的相互作用

可视化地建立网站交互和动画。

更多的互动

CMS

定义自己的内容结构,并使用真实数据进行设计。

关于CMS的更多信息

电子商务

再见模板和代码——可视化地设计你的商店。

更多关于电子商务

编辑器

在页面上编辑和更新站点内容。

更多关于编辑

举办

设置闪电般的管理托管在短短几次点击。

更多关于举办
Baidu
map