如何将WordPress小工具转换为区块(逐步指南)

04/12/2023

什么是WordPress小工具与区块的区别?

WordPress小工具是可以添加到小工具就绪区域的内容元素,通常包括侧边栏、页脚、页眉和其他您的WordPress主题认为是小工具就绪的部分。技术上,WordPress区块的工作原理相同,但区块和小工具的区别在于您使用的是经典主题还是区块主题。如果您使用经典主题,那么WordPress区块是您添加到主页面或帖子区域的内容元素。但是,区块主题没有单独的小工具编辑器,这意味着您添加的所有内容元素无论是在页眉、页面本身还是其他地方都被称为WordPress区块。在5.8版本中,WordPress引入了新的基于区块的小工具编辑器,这使得添加社交媒体内容等视觉小工具变得更容易。但如果您仍依赖于尚未升级为WordPress区块的传统小工具怎么办?幸运的是您仍然可以使用它。

WordPress小工具能否简单转换为区块?

如果您是开发人员并为WordPress创建了传统小工具,您可能会想知道是否可以将其转换为新区块小工具。虽然小工具和区块看起来相似,但实际上它们是相当不同的。例如,它们是用完全不同的编程语言编写的。小工具是用PHP编写的,而区块是用JavaScript编写的。这意味着没有简单的方法将小工具转换为区块。不过,这不是问题。现有的小工具将在新版本的WordPress中继续工作。如果您不计划更新小工具代码,那么可以保持原样。但是,如果您想继续为小工具添加新功能,最好创建一个新的区块来替代传统小工具。

如何在经典主题的WordPress侧边栏中添加小工具

如果您使用的是经典主题,则可以通过使用传统小工具将经典小工具添加到WordPress网站的侧边栏或其他小工具就绪区域。首先,您需要导航到WordPress管理区域中的“外观 » 小工具”。接下来,点击“+ 添加区块”按钮。在弹出窗口中,点击“传统小工具”图标。现在,您可以从下拉菜单中选择希望使用的小工具。点击它后,小工具将添加到侧边栏中。确保点击屏幕顶部的“更新”按钮以保存新小工具。

如何在区块主题的WordPress侧边栏中添加小工具

如默认的Twenty Twenty-Two主题等区块主题允许您使用WordPress中的完整站点编辑器。完整站点编辑提供了用于样式化网站主题的自定义区块,但默认情况下不包括传统小工具。这意味着在完整站点编辑器中无法访问传统小工具。幸运的是,您可以通过插件添加传统小工具支持。只需安装并激活X3P0 Legacy Widget插件即可。激活后,插件将传统小工具添加到完整站点编辑器中,从而允许您在新主题中使用传统小工具。一旦添加完成,点击“保存”按钮使更改生效。

如何在WordPress的帖子内容中添加小工具

WordPress区块内容编辑器的一大优点是您可以将小工具添加到超出小工具就绪区域的地方,例如帖子或页面内容中。当您在内容编辑器中时,点击屏幕顶部的“+ 添加区块”按钮。接下来,向下滚动到“小工具”部分,找到您想要添加到内容中的小工具。然后,将小工具拖动到您的帖子中。可以使用屏幕右侧的设置面板来自定义小工具。完成后,只需发布或更新您的博客文章或页面。

了解更多使用WordPress区块和小工具的技巧

现在您已经对WordPress中的小工具和区块有了更多的了解,您可能希望了解更多使它们发挥最大作用的方法。以下是一些您可以查看的文章以开始:如何在WordPress区块编辑器(古登堡)中创建可重用的区块,新手指南:如何使用WordPress区块模式,如何在WordPress中创建粘性浮动侧边栏小工具,如何在移动设备上隐藏WordPress小工具(简单指南),如何为WordPress小工具添加自定义样式,如何在特定WordPress页面上显示或隐藏小工具。希望本教程能帮助您学习如何将WordPress小工具转换为区块。



Related Posts

  • 2024-08-04
  • WordPress 教学

不喜欢 WordPress 4.3 引入的格式化快捷键?觉得有点烦人?最近,有用户问我们如何在 WordPress 中禁用视觉编辑器格式化快捷键。在本文中,我们将向您展示如何做到这一点。

閱讀更多
  • 2024-07-31
  • WordPress 教学

你在 WordPress 网站上看到 503 服务不可用错误吗?503 错误是因为服务器无法处理请求,通常是由于服务器过载或维护。而这个错误不会告诉你具体原因,这对于初学者来说非常令人沮丧。本文将向你展示如何修复 WordPress 中的 503 服务不可用错误。

閱讀更多
  • 2024-07-30
  • WordPress 教学

管理一个企业需要大量的工作。如果您无法正确维护您的 WordPress 网站,可能会迅速看到流量和销售额下降的现象。幸运的是,您可以聘请虚拟助手 (VA) 来帮助管理您的网站。本文将教您如何聘请 WordPress 虚拟助手,以便您可以专注于业务中最重要的活动。

閱讀更多

{"email":"Email address invalid","url":"Website address invalid","required":"Required field missing"}
>