文章分类
新手入门学习建站主机推荐
非常适合外贸新手入门的一款共享主机,非常简洁的管理面板,第一年费低至300元!
文章标签

Elementor Display Condition显示条件设置详解(附视频)

文章导航

Elementor Display Condition显示条件设置是Elementor Pro Theme Buider模板制作中的一个关键步骤。本文专门针对Display Condition设置做一篇详细的讲解,希望可以帮助你理解和使用Elementor Display Condition功能,以实现使用Elementor Pro自定义主题的目标。

想要充分理解和使用Elementor Display Condition显示条件设置来帮助实现网站主题构建,需要进行实际的使用和验证。

什么情况下需要设置Elementor Display Condition

通常在我们使用Elementor Pro的Theme Buider进行主题模板构建的时候,在保存模板时需要设置显示条件,这一步也是构建主题模板非常关键的步骤之一。

什么情况下需要设置Elementor Display Condition

如果Elementor Display Condition设置不正确就意味着,我们创建的模板不能正确的应用到对应的内容。也就是我们看到的对应的显示条件设置不生效。

如何理解Elementor Theme Builder显示条件设置的逻辑?

Elementor Display Condition设置分为两种:

1、INCLUDE(包含)

使用INCLUDE来设置模板显示包含的内容。

比如:Header模板在保存时,我们通常会设置让它显示在网站所有的页面的上,所以我们使用INCLUDE,并将内容设置为Entire Site,如下图所示

image 16 - Elementor Display Condition显示条件设置详解(附视频) - NUTSWP

2、EXCLUDE(排除)

使用EXCLUDE来设置模板显示排除的内容。

比如:我们制作了一个常规的Header模板,但是网站的首页不想使用这个常规的Header模板,想使用透明页头来展示更具有风格的效果,那么在常规Header模板中做显示条件设置的时候,就需要先使用INCLUDE Entire Site,让后排除首页使用EXCLUDE Singular Page Home,如下图所示:

image 17 - Elementor Display Condition显示条件设置详解(附视频) - NUTSWP

然后在透明页头的Header模板中设置显示条件,只能设置INCLUDE Singular Page Home,如下图所示:

image 19 - Elementor Display Condition显示条件设置详解(附视频) - NUTSWP

3、INCLUDE 和 EXCLUDE内容不允许重叠

INCLUDE 和 EXCLUDE内容不允许重叠,其实很好理解,你不可以设置一个模板的显示包含某个内容同时又排除某个内容,这是一个矛盾。

就像上面的提到的例子:在透明页头的Header模板中设置显示条件,只能设置INCLUDE Singular Page Home。

如果你设置的INCLUDE 和 EXCLUDE内容重叠了,Elementor会提示报错,如下图所示:

image 18 - Elementor Display Condition显示条件设置详解(附视频) - NUTSWP

Elementor Theme Builder显示条件范围介绍

1)Entire Site

Entire Site没有子项目可以选择,选择即代表模板显示将包含或者排除整个网站。

image 15 - Elementor Display Condition显示条件设置详解(附视频) - NUTSWP

2)Archives

Archives代表文章归档,是一个列表页面,用于展示不同归档条件下的文章列表,可以根据需求再设置二级项目

image 20 - Elementor Display Condition显示条件设置详解(附视频) - NUTSWP

Archives的二级项目中有以下条件设置:

All Archive:所有的文章归档页面

Author Archive:文章的作者归档页面

Date Archive:文章的日期归档页面

Search Results:文章的搜索结果页面

Post Archive:所有文章归档,这里是针对文章分类和标签的归档页面

Categories:文章分类页面,你还可以选择所有分类或者某一个和几个分类来设置显示条件

Direct Child Category Of:某一个或多个分类的直接子分类页面,这里的设置时不包含子分类下的子分类的页面

Any Child Category Of:某一个或多个分类的所有子分类页面,包含子分类的下的子分类页面

Tags :文章标签页面

3)Singular

Singular适用于单个页面,比如文章里面的某一篇文章页面,某一个Page页面等,但是不包含Woocommerce的产品页面。

可以选择二级项目比价多,我就不一一介绍,自己可以测试验证。

image 23 - Elementor Display Condition显示条件设置详解(附视频) - NUTSWP

All Singular:所有的单个页面

Front Page:登录页面,是一个专注于营销转化的页面

Post:

Posts:所有的单篇文章页面,可以设置某一个或者多个单篇文章

In Category:某一个或多个分类中所有的单个文章页面

In Child Categories:某一个或多个分类的子分类中所有的单个文章页面

In Tag:某一个或多个标签中所有的单个文章页面

Posts By Author:某一个或多个作者所创建的单个文章页面

Page:

Pages:所有的单个Page页面,可以设置详细到某一个或者多个单个Page

Pages By Author:某一个或多个作者创建的单个Page页面

剩下的一些不常用,我这边就不做详细介绍,感兴趣可以自己测试验证。

4)Woocommerce

Woocommerce适用于所有的Woocommerce插件安装之后生成或相关的页面,包括产品详情页、产品列表、商店、购物车、账户等等。

image 22 - Elementor Display Condition显示条件设置详解(附视频) - NUTSWP

Entire Shop:所有的Woocommcerce商店页面

Product Archive:产品归档类型的页面,也就是按照某一个归档类型下的产品列表页面

All Product Archives:所有的产品归档页面

Shop Page:Woocommerce默认的商店页面

Search Results:产品搜索结果页面

Product Categories:产品分类列表页面,可以设置到具体的某一个或者多个分类列表页面

Paroduct Tags:产品标签列表页面,可以设置到具体的某一个或者多个标签列表页面

Product:产品详情页面

Products:所有的产品详情页面,可以设置详细到某一个或者多个产品

In Category:设置某一个或者多个产品分类下的所有产品详情页面

In Child Product Categories:设置某一个或者多个产品分类的子分类下的所有产品的详情页面

In Tag:设置一个或者多个产品标签中的所有产品的详情页面

Products By Author:设置某一个或者多个作者所创建的产品的详情页面

Elementor Theme Builder主题模板及对应的显示条件范围

在Elementor Theme Builder中不同的主机模板对应的显示条件范围不同,比如:像Header、Footer这类的模板是可以整站显示的,而Single Post、Archive这种模板只能显示在对应的内容类型中。

1、Header和Footer

Header和Footer模板的显示条件设置范围一样,是所有模板中显示范围最大的模板类型。

因为它们是面向整个网站的模板,所以可以设置的显示条件包含了所有显示条件。

image 24 - Elementor Display Condition显示条件设置详解(附视频) - NUTSWP

2、Single Post

Single Post模板的显示条件仅限在All Singular当中。

image 32 - Elementor Display Condition显示条件设置详解(附视频) - NUTSWP

3、Single Page

Single Page和Single Psot可以设置的显示条件范围一样,这两个类型的模板主要是针对单个页面进行设置的,在功能是其实是重复的。

我比较常用的是Single Post模板。

image 26 - Elementor Display Condition显示条件设置详解(附视频) - NUTSWP

4、Archive

Archive模板是针对归档的文章列表页面设置的,因此它的显示条线设置范围仅限于Archives下面的内容。

image 27 - Elementor Display Condition显示条件设置详解(附视频) - NUTSWP

5、Saerch Results

如果你单独制作Saerch Results模板,显示条件设置建议只选择Saerch Results。

image 29 - Elementor Display Condition显示条件设置详解(附视频) - NUTSWP

这里的Saerch Results模板设置是可以包含文章和产品的内容的,可以设置列表的Query来进行结果筛选,来排除产品的内容。

你也可以单独设置产品的搜索结果页面,通过Product Archive模板进行设置,显示条件只选择Saerch Results即可。

6、Single Product(Woocommerce)

Single Product模板是针对单个产品详情页面做的设置,它的显示范围仅限于Woocommerce的Product下的内容。

image 30 - Elementor Display Condition显示条件设置详解(附视频) - NUTSWP

7、Product Archive(Woocommerce)

Product Archive模板针对产品列表页面设置,它的设置范围被限制在Woocommerce的Product Archives下的内容。

image 31 - Elementor Display Condition显示条件设置详解(附视频) - NUTSWP

8、Error 404

Error 404模板的显示条件设置建议只选择404 Page。

image 28 - Elementor Display Condition显示条件设置详解(附视频) - NUTSWP

以上便是Elementor Display Condition显示条件设置详解的全部内容,如果你需要了解Elementor系统全面的教程,可以阅读《Elementor教程》

文章分类
新手入门学习建站主机推荐
非常适合外贸新手入门的一款共享主机,非常简洁的管理面板,第一年费低至300元!
文章标签
相关文章
Elementor添加Bilibili视频2种方法

本文介绍Elementor添加Bilibili视频2种方法,第一种是通过HTML代码插入Iframe,另外一种是通过插件实现,本文会对这2种方法做详细的介绍。 我自己也会在网站中添加B站视频,通常我使用的都是Iframe的方法,这种方法可以写一个全局的CSS代码,来控制样式,然后复制的Iframe代

阅读全文 »
Woodmart主题Elementor元素加载问题

最近发现了Woodmart主题更新之后,Elementor的Table Of Content,Silder轮播自动播放等元素和效果受到了影响,经过一些列的排查和修复之后我将过程整理如下: 一开始我以为这个问题和网站的缓存插件,比如WPRocket有关系,但是停用插件,发现问题仍然存在。 我其他的El

阅读全文 »
Elementor版本回滚教程

本文介绍Elementor版本回滚教操作过程,版本回滚操作在日常网站遇到一些兼容问题,或者当前版本有BUG的情况下非常实用。 Elementor提供版本管理选项,只需要登录到网站后台,进入Elementor的Tools菜单下即可进行Elementor版本回滚操作。 温馨提示:版本回滚的操作虽然是常规

阅读全文 »
2种方法Elementor表单实现电话字段国家代码教程

本教程介绍2种Elementor表单实现电话字段国家代码,默认的Elementor表单电话字段没有国家区号,本教程提供了2个有效的方案,实现根据用户位置自动显示电话号码的国家区号效果。 方案一:Ali Addons For Elementor插件实现表单手机号码国家代码 方案一实现效果如下图,可以根

阅读全文 »
Elementor Popup设置点击连接弹出的2种方法

本文介绍Elementor Popup设置点击连接弹出的2种方法法,在Elementor中创建一个Popup弹出框,我们可以通过多种方式进行点击有弹出设置。 方法一:通过Elementor元素Link的动态标签设置弹出 这种方法仅限于在Elementor编辑中使用,任何带有Link选项的链接都可以进

阅读全文 »
Zapier Webhook 实现询盘提交关键词过滤和邮件转发教程

本文介绍如何使用Zapier Webhook 实现询盘提交关键词过滤和邮件转发教程,将Zapier流程集成到Elementor Form中可以实现表单消息关键词过滤和转发。 此方法适合需要过滤垃圾关键词询盘邮件消息的用户,一般表单安全验证主要是防止机器人提交垃圾信息,但是无法阻止人工发送的垃圾询盘,

阅读全文 »
想快速搭建一个完全属于自己的外贸独立站?
本站提供专业的外贸建站服务,如果你不想自己花时间精力搭建网站,可以将你的需求告诉我,我来帮助你搭建一个专业外贸独立站!
文章导航
文章分类
文章标签
建站咨询请联系企业微信
感谢你的信任!
咨询和购买请通过微信和我联系!