首页 » 博文 » wpbeginner » 最佳教程 » 如何将 WordPress 小部件转换为块(分步)

如何将 WordPress 小部件转换为块(分步)

您是否希望在 WordPress 侧边栏或帖子内容中使用旧版小部件?

在 5.8 版本中,WordPress 添加了一个新的基于块的小部件编辑器。块更加灵活,可以更轻松地向您的网站添加丰富的内容。幸运的是,您仍然可以在网站上使用经典小部件。

在本文中,我们将向您展示如何将 WordPress 小部件转换为块。

如何将 WordPress 小部件转换为块

这是我们将在本教程中介绍的内容:

WordPress 小部件和块之间有什么区别?

小部件用于将内容块添加到侧边栏、页脚或 WordPress 网站的其他区域。它们是向您的网站添加图片库、 社交媒体源、引言、日历、 热门帖子和其他动态元素的简单方法。

版本 5.8中,WordPress 引入了一个新的基于块的小部件编辑器,允许您使用块来创建更具吸引力的小部件区域。例如,您可以添加按钮、选择颜色、对不同的块进行分组等等。

但是,如果您仍然依赖尚未升级到 WordPress 块的旧版小部件怎么办?幸运的是,您仍然可以使用它。

我们将向您展示如何轻松地将旧版小部件添加到侧边栏和其他小部件就绪区域。您使用的方法取决于您使用的是经典主题还是块主题。最重要的是,我们还将向您展示如何向您的帖子和页面添加小部件。

但首先,让我们从开发人员的角度简要了解一下小部件和块之间的区别。

WordPress 小部件可以简单地转换为块吗?

如果您是为 WordPress创建旧版小部件的开发人员,那么您可能想知道是否可以将其转换为新的块小部件。

虽然小部件和块看起来很相似,但实际上它们有很大不同。例如,它们使用完全不同的编程语言进行编码。小部件是用PHP编写的,块是用JavaScript编写的。

这意味着没有简单的方法将小部件转换为块。

但这不是问题。您现有的小部件将继续与新版本的 WordPress 配合使用。如果您不打算更新小部件代码,则可以保持原样。

但是,如果您想继续向小部件添加新功能,那么最好创建一个新块来替换旧的小部件。您可以按照我们的指南了解如何创建自定义 WordPress 块

创建新的自定义块

在 WordPress 中将小部件添加到经典主题的侧边栏

如果您使用经典主题,则可以使用旧版小部件将经典小部件添加到侧边栏或网站的其他小部件就绪区域。

首先,您需要导航到WordPress 管理区域中的外观 » 小部件。

接下来,您应该单击“+ 添加块”按钮。在弹出窗口中,您需要单击“旧版小部件”图标。

将旧版小部件添加到您的侧边栏

注意:如果您看到Appearance » Edit而不是Appearance » Widgets,那么您正在使用块主题。您需要遵循下面的下一个方法。

现在您可以从下拉菜单中选择您想要使用的小部件。

从下拉菜单中选择所需的小部件

该小部件将添加到您的侧边栏。确保单击屏幕顶部的“更新”按钮以保存新的小部件。

旧版小部件已添加到侧边栏

要了解更多信息,请参阅有关如何在 WordPress 中添加和使用小部件的分步指南。

在 WordPress 中将小部件添加到块主题的侧边栏

块主题(例如默认的二十二十二主题)可让您在 WordPress 中使用完整站点编辑器。完整网站编辑提供了用于设计网站主题样式的自定义块,但默认情况下不包括旧版小部件。

这意味着您将无法从完整站点编辑器访问旧版小部件,并且当您从经典主题切换到块主题时,您使用的任何旧版小部件都不会迁移。

幸运的是,您可以使用插件添加旧版小部件支持。只需安装并激活X3P0 Legacy Widget插件即可。有关更多详细信息,请参阅我们有关如何安装 WordPress 插件的分步指南。

激活后,该插件会将旧版小部件添加到完整站点编辑器中。这将允许您将旧版小部件与较新的主题一起使用。

旧版小部件现已在完整站点编辑器中可用

在 WordPress 中将小部件添加到您的帖子内容

首先,您需要编辑现有的 WordPress 帖子/页面或添加新帖子/页面。进入 WordPress 内容编辑器后,继续点击屏幕顶部的“+ 切换块插入器”按钮。

接下来,向下滚动到“小部件”部分,找到要添加到内容中的小部件。然后,您可以将该小部件拖到您的帖子上。

向下滚动到小部件部分

您可以使用屏幕右侧的“设置”面板自定义小部件。

完成后,继续发布您的博客文章或页面。

从右侧设置窗格配置小部件

要了解更多信息,请参阅有关如何在帖子和页面内容中添加 WordPress 小部件的指南。

我们希望本教程能帮助您学习如何在 WordPress 中使用旧版小部件。您可能还想了解如何跟踪网站访问者,或查看我们的WordPress 最佳联系表单插件列表。

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注

Scroll to Top