如何利用Elementor全局小部件提升WordPress网站设计效率

在WordPress网站中,有时需要在多个页面中使用相同的设计元素或功能。Elementor Pro为此提供了一个强大的工具——全局小部件。通过全局小部件,可以创建一个小部件,并在多个页面中使用它,而无需每次都重新设计。当你编辑全局小部件时,所有实例都会自动更新,这大大提高了工作效率和设计一致性

图片[1]-如何利用Elementor全局小部件提升WordPress网站设计效率-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

什么是全局小部件?

全局小部件是Elementor提供的一项功能,允许在WordPress网站的多个位置使用相同的小部件。例如,假设你在一个页面上设计了一个Testimonial推荐)小部件,现在想在其他页面上也使用这个设计。通过将这个小部件保存为全局小部件,可以轻松地将其拖放到其他页面,并且只需在一个位置进行编辑,即可在所有位置同步更新。

全局小部件的优势

  • 一致性:全局小部件确保了设计的一致性,无论在多少个页面中使用它,它们的样式和内容都可以保持统一。
  • 节省时间:只需设计一次,然后在多个页面上复用,避免了重复工作。
  • 易于维护:当你需要修改某个全局小部件时,只需在一个地方编辑,所有页面上的小部件都会自动更新。

如何创建全局小部件

创建全局小部件非常简单,只需几个步骤:

1、选择小部件

  • 使用Elementor进行编辑,设计并调整你希望在多个页面中使用的小部件。
图片[2]-如何利用Elementor全局小部件提升WordPress网站设计效率-光子波动网 | 专业WordPress修复服务,全球范围,快速响应
  • 例如,设计一个Testimonial(推荐)小部件,将小部件拖入页面。
图片[3]-如何利用Elementor全局小部件提升WordPress网站设计效率-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

2、保存为全局小部件

  • 右键单击小部件的句柄(Widget Handle),会出现一个菜单。
  • 在菜单中,选择“保存为全局”选项。此时,的小部件将被保存为全局小部件,以供重复使用。
图片[4]-如何利用Elementor全局小部件提升WordPress网站设计效率-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

3、命名全局小部件

  • 系统会提示你为新的全局小部件命名。输入一个描述性名称,例如“网站Testimonials”。
  • 单击“保存”按钮。现在,该小部件将被保存,并在Elementor编辑器面板的“全局”选项卡中可用。
图片[5]-如何利用Elementor全局小部件提升WordPress网站设计效率-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

如何插入全局小部件

创建好全局小部件后,可以将其插入到网站的任何页面上。以下是插入全局小部件的几种方法:

1、从Elementor编辑器面板插入

  • 打开要插入全局小部件的页面,在Elementor编辑器面板中单击“Globals”选项卡。
  • 在“Globals”选项卡中,你将看到所有已保存的全局小部件。
  • 选择需要的全局小部件,并将其拖放到编辑画布中。
图片[6]-如何利用Elementor全局小部件提升WordPress网站设计效率-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

2、作为短代码插入

  • 每个全局小部件在创建时都会自动添加到模板列表中,并分配一个短代码。
  • 可以在WordPress编辑器中使用这个短代码,将全局小部件插入到任何页面或文章中。
  • 要获取短代码,转到WordPress后台的 模板> 已保存的模板,找到对应的小部件并复制其短代码。
图片[7]-如何利用Elementor全局小部件提升WordPress网站设计效率-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

编辑全局小部件

全局小部件的一大优势在于,可以通过一次编辑来更新所有页面上的实例。要编辑全局小部件,请按以下步骤操作:

1、将全局小部件拖放到画布上

  • 在需要编辑的页面中,将全局小部件从“Globals”选项卡拖放到编辑画布上。
图片[8]-如何利用Elementor全局小部件提升WordPress网站设计效率-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

2、编辑全局小部件

  • 选中小部件后,单击“编辑”按钮。注意,编辑全局小部件会更改网站中所有使用此小部件的地方。

3、编辑内容或样式

  • 进行所需的更改,例如修改文本、调整样式或更新图像。
  • 完成编辑后,保存更改。所有页面上的该全局小部件实例都会同步更新。
图片[9]-如何利用Elementor全局小部件提升WordPress网站设计效率-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

取消与全局小部件的链接

在某些情况下,可能希望在不影响其他页面的情况下,编辑某个特定页面上的全局小部件实例。这时,可以选择取消全局链接。

  • 在将全局小部件添加到页面后,面板中会出现两个选项:“编辑全局小部件”和“取消与全局的链接”。
图片[10]-如何利用Elementor全局小部件提升WordPress网站设计效率-光子波动网 | 专业WordPress修复服务,全球范围,快速响应
  • 单击“取消与全局的链接”,此小部件实例将变为普通小部件,可以独立编辑它,而不会影响其他页面上的全局小部件。
图片[11]-如何利用Elementor全局小部件提升WordPress网站设计效率-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

删除全局小部件

如果你不再需要某个全局小部件,可以将其删除。请注意,删除全局小部件会删除所有使用该小部件的地方,因此操作前请确保没有其他页面依赖该小部件。

1、进入WP Admin

  • 登录WordPress后台,导航至 Elementor > 模板 > 已保存的模板

2、删除全局小部件

  • 在“已保存的模板”页面中,找到想要删除的全局小部件。
  • 将鼠标悬停在该小部件上,然后单击“垃圾”按钮。
图片[12]-如何利用Elementor全局小部件提升WordPress网站设计效率-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

3、确认删除

  • 确认删除后,全局小部件将从你的网站中移除,所有页面上使用该小部件的地方也会同步删除。

结论

全局小部件是Elementor Pro中一个非常实用的功能,特别适合需要在多个页面中重复使用相同内容或设计的场景。通过全局小部件,可以大大提高工作效率,确保网站的一致性,并轻松维护和更新设计。无论是创建、插入、编辑还是删除,全局小部件都提供了极大的灵活性,让你能够更加有效地管理网站内容。

© 版权声明
THE END
喜欢就支持一下吧
点赞0 分享
评论 抢沙发

请登录后发表评论

    暂无评论内容