在WordPress网站中,有时需要在多个页面中使用相同的设计元素或功能。エレメンタル・プロ为此提供了一个强大的工具——全局小部件。通过全局小部件,可以確立一个小部件,并在多个页面中使用它,而无需每次都重新设计。当你编辑全局小部件时,所有实例都会自动更新,这大大提高了工作效率和设计一致性.
![图片[1]-如何利用Elementor全局小部件提升WordPress网站设计效率-光子波动网 | 专业WordPress修复服务,全球范围,快速响应](https://www.361sale.com/wp-content/uploads/2024/08/2024082616224552.png)
什么是全局小部件?
全局小部件是Elementor提供的一项功能,允许在WordPress网站的多个位置使用相同的小部件。例如,假设你在一个页面上设计了一个Testimonial(お客様の声)小部件,现在想在其他页面上也使用这个设计。通过将这个小部件保存为全局小部件,可以轻松地将其拖放到其他页面,并且只需在一个位置进行编辑,即可在所有位置同步更新。
全局小部件的优势
- 一致性:全局小部件确保了设计的一致性,无论在多少个页面中使用它,它们的样式和内容都可以保持统一。
- 時間を節約:只需设计一次,然后在多个页面上复用,避免了重复工作。
- 容易なメンテナンス:当你需要修改某个全局小部件时,只需在一个地方编辑,所有页面上的小部件都会自动更新。
如何创建全局小部件
创建全局小部件非常简单,只需几个步骤:
1、选择小部件
- 使用Elementor进行编辑,设计并调整你希望在多个页面中使用的小部件。
![图片[2]-如何利用Elementor全局小部件提升WordPress网站设计效率-光子波动网 | 专业WordPress修复服务,全球范围,快速响应](https://www.361sale.com/wp-content/uploads/2024/08/2024082616254555.png)
- 例如,设计一个Testimonial(推荐)小部件,将小部件拖入页面。
![图片[3]-如何利用Elementor全局小部件提升WordPress网站设计效率-光子波动网 | 专业WordPress修复服务,全球范围,快速响应](https://www.361sale.com/wp-content/uploads/2024/08/2024082616275473.png)
2、保存为全局小部件
- 右键单击小部件的句柄(Widget Handle),会出现一个菜单。
- 在菜单中,选择“保存为全局”选项。此时,的小部件将被保存为全局小部件,以供重复使用。
![图片[4]-如何利用Elementor全局小部件提升WordPress网站设计效率-光子波动网 | 专业WordPress修复服务,全球范围,快速响应](https://www.361sale.com/wp-content/uploads/2024/08/2024082616290637.png)
3、命名全局小部件
- 系统会提示你为新的全局小部件命名。输入一个描述性名称,例如“网站Testimonials”。
- をクリックしてください。セーブ”按钮。现在,该小部件将被保存,并在Elementor编辑器面板的“治安情勢”选项卡中可用。
![图片[5]-如何利用Elementor全局小部件提升WordPress网站设计效率-光子波动网 | 专业WordPress修复服务,全球范围,快速响应](https://www.361sale.com/wp-content/uploads/2024/08/2024082616300671.png)
如何插入全局小部件
创建好全局小部件后,可以将其插入到网站的任何页面上。以下是插入全局小部件的几种方法:
1,从Elementor编辑器面板插入
- 打开要插入全局小部件的页面,在Elementor编辑器面板中单击“Globalsタブ
- 在“Globals”选项卡中,你将看到所有已保存的全局小部件。
- 选择需要的全局小部件,并将其拖放到编辑画布中。
![图片[6]-如何利用Elementor全局小部件提升WordPress网站设计效率-光子波动网 | 专业WordPress修复服务,全球范围,快速响应](https://www.361sale.com/wp-content/uploads/2024/08/2024082616322692.png)
2,作为短代码插入
- 每个全局小部件在创建时都会自动添加到模板列表中,并分配一个短代码。
- 可以在WordPress编辑器中使用这个短代码,将全局小部件插入到任何页面或文章中。
- 要获取短代码,转到WordPress后台的
模板> 已保存的模板
,找到对应的小部件并复制其短代码。
![图片[7]-如何利用Elementor全局小部件提升WordPress网站设计效率-光子波动网 | 专业WordPress修复服务,全球范围,快速响应](https://www.361sale.com/wp-content/uploads/2024/08/2024082616341034.png)
编辑全局小部件
全局小部件的一大优势在于,可以通过一次编辑来更新所有页面上的实例。要编辑全局小部件,请按以下步骤操作:
1,将全局小部件拖放到画布上
- 在需要编辑的页面中,将全局小部件从“Globals”选项卡拖放到编辑画布上。
![图片[8]-如何利用Elementor全局小部件提升WordPress网站设计效率-光子波动网 | 专业WordPress修复服务,全球范围,快速响应](https://www.361sale.com/wp-content/uploads/2024/08/2024082616363013.png)
2,编辑全局小部件
- 选中小部件后,单击“编辑”按钮。注意,编辑全局小部件会更改网站中所有使用此小部件的地方。
3,编辑内容或样式
- 进行所需的更改,例如修改文本、调整样式或更新图像。
- 完成编辑后,保存更改。所有页面上的该全局小部件实例都会同步更新。
![图片[9]-如何利用Elementor全局小部件提升WordPress网站设计效率-光子波动网 | 专业WordPress修复服务,全球范围,快速响应](https://www.361sale.com/wp-content/uploads/2024/08/2024082616371490.png)
取消与全局小部件的链接
在某些情况下,可能希望在不影响其他页面的情况下,编辑某个特定页面上的全局小部件实例。这时,可以选择取消全局链接。
- 在将全局小部件添加到页面后,面板中会出现两个选项:“编辑全局小部件”和“取消与全局的链接”。
![图片[10]-如何利用Elementor全局小部件提升WordPress网站设计效率-光子波动网 | 专业WordPress修复服务,全球范围,快速响应](https://www.361sale.com/wp-content/uploads/2024/08/2024082616375718.png)
- をクリックしてください。取消与全局的链接”,此小部件实例将变为普通小部件,可以独立编辑它,而不会影响其他页面上的全局小部件。
![图片[11]-如何利用Elementor全局小部件提升WordPress网站设计效率-光子波动网 | 专业WordPress修复服务,全球范围,快速响应](https://www.361sale.com/wp-content/uploads/2024/08/2024082616382324.png)
删除全局小部件
如果你不再需要某个全局小部件,可以将其删除。请注意,删除全局小部件会删除所有使用该小部件的地方,因此操作前请确保没有其他页面依赖该小部件。
1,进入WP Admin
- 登录WordPress后台,导航至
Elementor > 模板 > 已保存的模板
.
2,删除全局小部件
- 在“已保存的模板”页面中,找到想要删除的全局小部件。
- 将鼠标悬停在该小部件上,然后单击“垃圾”按钮。
![图片[12]-如何利用Elementor全局小部件提升WordPress网站设计效率-光子波动网 | 专业WordPress修复服务,全球范围,快速响应](https://www.361sale.com/wp-content/uploads/2024/08/2024082616392377.png)
3,确认删除
- 确认删除后,全局小部件将从你的网站中移除,所有页面上使用该小部件的地方也会同步删除。
はんけつをくだす
全局小部件是Elementor Pro中一个非常实用的功能,特别适合需要在多个页面中重复使用相同内容或设计的场景。通过全局小部件,可以大大提高工作效率,确保网站的一致性,并轻松维护和更新设计。无论是创建、插入、编辑还是删除,全局小部件都提供了极大的灵活性,让你能够更加有效地管理网站内容。
お問い合わせ |
---|
記事が読めない?無料でお答えします!個人サイト、中小企業サイトのための無料ヘルプ! |
① 電話:020-2206-9892 |
② QQ咨询:1025174874 |
三 Eメール:info@361sale.com |
④ 勤務時間: 月~金、9:30~18:30、祝日休み |
この記事へのリンクhttps://www.361sale.com/ja/17554この記事は著作権で保護されており、必ず帰属表示を付けて複製してください。
コメントなし