专注WordPress外贸建站实用教程,提供基于WordPress的外贸建站服务!
文章分类
文章标签

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教程》

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