专注于外贸建站,分享WordPress教程和Elementor教程

如何使用Elementor Pro制作文章列表页模板(视频)

更新日期:2024-06-15
本系列教程

正版分销:

90元/1个站点/2年

最先进的WordPress页面编辑器,能够快速创建高端的、完美的网站。适合任何主题,任何页面,任何设计。
加入读者学习群
我用的页面编辑器
让我的客户网站GTmetrix测分A\A的主机Cloudways
独家优惠前3个月7折, 戳上方按钮注册即可自动带入优惠码LOYSEO
所赠主题插件价值>$49
主机送Astra Pro不限站点1年
gmail.comsina.com邮箱,注册易通过
遇到问题,联系我

你是否想定制博客文章的列表页,但主题又不支持修改?有了Elementor Pro插件,我们便可以突破主题的限制。让我们一步步演示给你看~

用Elementor Pro插件,还能省付费主题的钱,譬如我直接用Hello Elementor免费主题,直接用Elementor Pro导入模板库的文章列表模板页(下方有视频),或者自己制作文章列表页模板。

如果你购买了付费主题,又习惯用Elementor编辑器,最好先看看主题的介绍中是否写明支持Elementor编辑器,通常付费主题都会提供Blog Grid等博客/文章列表页,譬如下图是一个制造商类付费主题的博客列表模板。

blog archive template

接下来,我们进入正题

制作文章列表页模板

下方是文字版教程

首先,点击左侧菜单template> add new,选择模板类型为archive,输入名称,点击 create template进入

elementor pro archive template

然后,在模板库中找一个你喜欢的或接近你喜欢的模板,点击Insert插入按钮

elementor pro archive template 2

待导入完成后,请根据需要调整页面上的元素块的各项设置,下面的几篇教程应该对你有用:

接下来,当调整完页面细节后,请点击左下角的update按钮,设置display condition(模板页的展示条件),如下图所示,通常选择all archives即可;如若你希望不同的列表页采用不同的模板,那么可以创建多个模板,每个模板选择不同的展示条件。

elementor pro archive template 3
  • all archives:表示适合所有类型的文章列表,包含以下所有类型,这是最常用的条件选项
  • author archive:表示按作者维度的文章列表页模板,以作者来区分文章,通常也用不上,所以不用为它单独做模板
  • date archive:表示按日期维度的文章列表页模板,通常也用不上,所以不用为它单独做模板
  • search results:表示搜索结果页,可以单独设计模板,也可以不单独设计
  • 文章Post archive:由于wordpress中还可以自定义文章类型,而wordpress只默认只提供我们通常见到的“文章”的文章类型,于是便有了这个;
  • categories 分类目录:若你的文章有多个分类目录,每个分类目录想用不同的模板,那就选择它
  • direct categories(分类目录) of:功能同上,只是适用于子目录

最后,设置完display options后,点击save&close按钮即可生效,此时,你可以访问任一分类目录页面,就能看到实际效果。

额外补充,通常网站也会制作一个单独的Blog页面,放置所有分类下的文章,但这个Blog页面也需要你制作,你也可以采用接下来的办法调用你刚才制作的文章模板。

如果你还没制作Blog页面,那么请在wordpress的“页面”功能中,添加一个空白页面,命名为Blog;

然后进入左侧菜单setting > reading页面,将Your homepage displays中的Posts page选择为你刚才制作的Blog。(请参见下图的数字2处)

如何使用Elementor Pro制作文章列表页模板(视频)

常见问题

1.如何去除文章列表页标题的前方的archive字样?

请将标题元素的设置中的include context关掉。

include context

2.为何我的模板设置正确但不生效

请查看是否创建了多个archive模板导致了冲突,如若是,则将不需要的模板删除或设置为草稿。

3.为何样式不生效

请查看是否使用了缓存插件,譬如wp rocket、W3 Total Cache、SG Optimizer、WP Super Cache等插件,如若是,请在插件中执行清缓存功能,如若网站还未上线,可以先禁用插件,待网站制作完成后再开启缓存插件,注意有些缓存插件可能会破坏网站,记得及时备份网站哦~

点赞

0 / 5 5

Your page rank:

Picture of 外贸建站技术姐Bonnie
外贸建站技术姐Bonnie

Bonnie是LOYSEO的创始人,在建站领域有着超过14年的经验,热爱能将想法变为现实的WordPress,更是Elementor的忠实用户~

LOYSEO
让我的客户网站GTmetrix测分A\A的主机Cloudways
独家优惠前3个月7折, 戳上方按钮注册即可自动带入优惠码LOYSEO
所赠主题插件价值>$49
主机送Astra Pro不限站点1年
gmail.comsina.com邮箱,注册易通过
遇到问题,联系我