古腾堡的挑战将从页面构建器转换为块你的整个网站

我最近完成了本网站的过渡过程从一个主题基于BuddyBoss Elementor和到一个完全基于块的设计使用Kadence主题。

花了相当多的工作为了实现这一转型,我必须说。没有神奇的按钮,将自动转换为一个网站到街区。有一个相当好的转换选项内容如果您已经使用经典的编辑器写你的内容。但是,将内容建立与页面构建器转换为块是更加困难的。转换您的整个网站的设计更是如此。

在本文中,我只是想告诉你是什么样子的开关。我也会给一些建议,可能更容易为你如果你决定做同样的事情。

为什么我做到了,结果呢

我完全记录为什么我决定把我的帖子的开关:页面建筑商Vs古腾堡区块:为什么我离BuddyBoss Kadence主题切换。

对我来说它归结为两个主要问题:

• 我有一些恼人的问题BuddyBoss / Elementor组合,如背景颜色消失。
• 我想解决一些性能问题。

随着时间的推移,该网站已变得过于臃肿。BuddyBoss平台是把不必要的负载的事情虽然我几乎不使用任何功能(只有论坛)。也,因为BuddyBoss主题相当贫乏的多个部门,最后我用Elementor做相当多的定制整个网站。

结果是大量的膨胀和大量的冗余代码。

之前我做了开关…

它显示性能数据Pagespeed见解:

膨胀出现在大量的页面大小,太。没有任何严重的优化,我的主页就超过850 kb。

之后我做了开关

现在网站已经完全转换为块和Kadence主题,成绩大幅提高。

一个完美的100分在桌面PageSpeed见解核心web命脉在绿色:

和一个移动的分数我以前从未梦想…

主页上的页面大小减少了约74%。

请注意,网站上的内容基本相同。所有我做的是开关代替Elementor潜在主题和构建块。

这就是为什么我决定重建网站并切换所有本地古腾堡块。通过这样做,我已经大大简化了底层代码使网站看起来一样。绩效成绩现在该死的近乎完美,我所有的核心web命脉的绿色。至少在技术搜索引擎优化方面,我应该很好的去用谷歌的霸主。

准备从一个页面切换到古腾堡建设者

没有神奇的按钮这样的开关。从本质上说,该网站必须重建。

任何内容是由本地WordPress(经典的编辑器或块)将在很好,然而任何依赖于我以前的主题(BuddyBoss)或页面构建器(Elementor)需要被重建。

有几个方面的依赖BuddyBoss的网站。即…

• 论坛是利用BuddyBoss插件和BuddyBoss主题样式。
• 的外观和感觉我所有的课程(Learndash)是由BuddyB万博maxbetx网页版oss主题。
• 从Elementor某些页面元素使用BuddyBoss组件,如仪表板图标。
• 通知和账户资料依赖BuddyBoss。

此外,有不少是依靠Elementor:

• 很多页面在整个网站建成Elementor和使用Elementor模板。
• 主题的许多方面建成使用Elementor的主题建设者,包括的设计博客、评论和其他自定义类型。

因此,能够去除BuddyBoss, BuddyBoss主题和Elementor需要大量的重建。

比赛计划

我第一次把网站暂存为了运行一些实验。在测试站点,我扯掉BuddyBoss和激活Kadence主题看看会发生什么。

我离开Elementor与Kadence地方因为它工作得很好。事实上,我可能刚刚离开Elementor如果我想要的,但最终我做这个去“本地”块编辑器删除Elementor是终极目标。

但是,Elementor还在那里和Kadence新主题,我把股票立即需要重建。

• 页眉和页脚需要重建使用Kadence BuddyBoss以来已不再存在。
• 我需要建立新的模板BuddyBoss以来Learndash课程不再是样式的课程。万博maxbetx网页版
• 任何BuddyBoss特定Elementor小部件(如仪表板图标)现在不见了,所以我需要开发一个B计划。
• 论坛是离线自BuddyBoss不见了。
• 任何代码放入我BuddyBoss孩子主题是现在失踪,所以几个自定义特性不再工作。

所以在测试站点,我跳入定制,开始调整设置Kadence变成类似的东西博客营销学院。

这绝对是一个不同的经历不得不做出这样大量使用的编辑器。我很习惯使用BuddyBoss设置屏幕来控制这个东西,但一个完整的基于块的主题在很大程度上依赖于编辑器。

Learndash课程,我利用万博maxbetx网页版Kadence元素(专业版)上可用来创建自定义模板的课程模块和教训。万博maxbetx网页版我花了一段时间才算出来,因为使用块仍然觉得我一个漂亮的外国世界。但是,通过大量的试验和错误,我想出来。

论坛,我思考的想法简单地摆脱论坛为了简单起见。然而,我最终决定保留他们。好事是BuddyBoss叉的BBPress和BuddyPress。这意味着我可以在那里滑BBPress和所有的论坛将继续工作没有任何丢失内容。当我安装BBPress,论坛回到生活和一些需要调整。

和代码,而不是建立一个儿童主题Kadence,我决定切换到代码片段。更用户友好的和减轻我使用孩子的主题。我搬到我所有的自定义代码片段,宾果!——我的小极客所有代码定制回到生活。

在这一点上,我有数据我需要把这个过渡工作。

• 我发现(或多或少)网站的哪些组件将需要完全重建,以基本功能。
• 我发现没有BuddyBoss如何保持论坛的活着。
• 我确认我所有的Elementor页面和模板将继续工作的很好,直到我能够重建块。
• 我发现我可以用代码片段来维持所有的自定义代码的东西会丢失一次主题我的孩子就不见了。

然而,我需要做这一切的生活。正确的公开。

我不能同步测试站点回到生活网站在这种情况下,因为活动发生在现场的网站。人们买东西,客户安排的事情,人们订阅邮件列表。我不想覆盖这些东西。

所以,我使用测试站点测试和开发计划。但最终,这个开关会发生。

实现

回到生活网站,我第一次完整的备份以及克隆整个网站第二个测试站点Cloudways。以防。

然后,我让我们er撕裂。我释放BuddyBoss插件和主题,激活Kadence主题和Kadence块(pro版本),并激活BBPress。

现场立即看…有趣的。但是,自从我在分段想出了这么多,我就准备好了,很快做必要的修改。我后来进去做一些调整和改进,但我的一级目标是确保工作的事情。

我甚至使用了编辑器导出/导入插件快速移动的所有编辑器设置在暂存到我想生活。这是一个巨大的节省时间。

一旦Kadence网站功能,下一个项目将是重建一切我在Elementor独家使用块。这部分将带我几天,但是我可以把我的时间,因为所有Elementor组件运行良好。它涉及了…

• 一个接一个地重建Elementor主题模板使用Kadence元素,然后取消Elementor模板所以Kadence可以接管。
• 一个接一个,通过这个网站的每一页建Elementor和重建块。在某些情况下,我重建在切换回WordPress编辑器和重建。在其他情况下,我克隆的页面,重建它在私人,然后简单地取代了Elementor版本与新一的时候完成。

慢慢地,所有的Elementor页面和内容被替换为基于块的东西。该网站将本机。

最后,当我确认所有Elementor页面重建,所有Elementor模板不再使用,我骂所有的Elementor模板,捣毁默认装备(从而从数据库删除所有Elementor变量),并停用Elementor。

转换后的生活

我上面提到的网站现在前端快得多。但是,好处是远远不够的,当涉及到管理后台。

例如,WP管理变得更快。这是更快,更容易进行内容更改,一般管理员面板。

有趣的,我仍然使用几乎相同的插件。就数量而言,数量是相同的。然而,事情明显更快捷。

它的一部分(不相关的),我想我是有一些问题与对象缓存。有趣的是,当我完全关闭对象缓存,事情变得更快。奇怪!

但是,我也认为没有BuddyBoss是有区别的。网站的代码足迹显著变小。

但最重要的是,我现在使用本机WordPress。古腾堡块这个平台现在打算是如何工作的。Elementor总是一个额外在上面覆盖一层东西。

当我点击编辑内容,我不再需要一个单独的按钮与Elementor“编辑”。我只是…编辑。当我打开页面,有块和我做。

最后,很多麻烦的问题是更容易和更简单的前端。喜欢的东西:

• Kadence使得诸如移动菜单,标题安排等…只是简单。它是如此更加精简。
• 我能够回复到核心主题许多页面(如档案),而无需与Elementor为他们构建自定义页面。这使它更快。
• 所有这些愚蠢的背景颜色问题Elementor现在不见了。

有更改和调整我在这过渡到适应的新主题和块提供给我。它很好地工作。

建议让这个转变自己

毫无疑问,这是一个大量的工作取决于你的网站的规模和性质。对于一些网站,这将是一个相当快速的过程。与其说别人…。

如果你运行一个网站的定制,可以花费更长的时间。如果你正在运行一个主题用页面构建器(如任何基于Elementor,茁壮成长主题建设者,海狸建筑工人,等等),那么它将几乎被重建。

第一件事是决定是否值得做的事情。

我想清楚:我并不反对page-builder基于主题。我还是喜欢Elementor和茁壮成长主题建设者。我还是喜欢BuddyBoss如果你实际使用的大部分时间里,它提供了什么。

如果你有问题网站性能或核心命脉,首先要做的是看一些性能优化,看看你是否能处理它与您现有的工具集。删除一些更大的元素之间从站点的设计和做一些优化,您可以使用页面建筑商获得好成绩。

然而,如果你已经性能数字和核心web要害你所能,它还不够好,我几乎积极转向所有块将为您解决这个问题。

如果你决定把,愿意改变一些东西在你的网站上,以适应新的软件。不要在要求你的网站看起来完全一样。有有时页面构建器可以做的事情,你只是找不到一块古腾堡。你需要好的只有放弃的时候。

最后,期望一个学习曲线。

我还使用WordPress的推迟与古腾堡做完整的网站设计。我被困在我的方式。我喜欢的速度和方便使用页面构建器。我只是不想花时间去学习积木。

处理块是不同的。首先,它会感到震荡和更加困难比你最喜欢的页面构建器。你会想知道为什么你费心。它会感觉没有能力。

但是,相信我。这只是一个学习的过程。处理块构建器只是另一个你需要习惯的技能。你可以建立任何块与页面构建器。你将如何不同,但你可以几乎总是到达同一地点。

只是去期待一个学习的过程。给自己时间去学习和实验。把你的网站放在暂存,只是给自己时间来混日子的建设者。最终,你会感觉像一个熟练的页面构建器。

最终的思想转向块(现在完成)

我超级高兴我开关。以上的原因。

调整网站也有趣,使改进现在我完全在新设置。例如,我能够做一些好的mega-menus解决一些导航问题的标题我有一段时间。

网站速度(大幅)和简单。

我走进这个大内容审计的一部分我做整个网站。删除过时的内容和更新的东西。显然,一个大的动机,最终提高SEO和我与谷歌站流量上升。好吧…

努力使谷歌满意我的表现和核心网络重要器官不是很好。所以,这使这个网站技术方面的审计。现在这个问题已经解决了,我可以回到更新内容。

最后一个字…

我选择了Kadence主题因为我喜欢它的功能和整体氛围。Kadence主题和Kadence块做一个伟大的包处理块builder但给能力需要离开页面构建器。

不过,Kadence不是唯一的选择。你也可以看看工具阿斯特拉,GeneratePress,Blocksy,OceanWP和其他人。你甚至可以使用股票TwentyTwentyThree主题作为起点和定制它。

最后,所有的块。核心主题编辑器将提供特定的选项,然后您正在构建块。有插件,您可以添加更多的功能块建设者。随意的实验。