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

如何使用Elementor Pro制作文章列表页模板

更新日期:2020-08-26
Share on facebook
Share on twitter
Share on linkedin

如果你用是Elementor Pro插件,你便可以省了付费主题的钱,直接用Elementor Pro导入模板库的文章列表模板页,或者自己制作文章列表页模板;如果你购买了付费主题,又习惯用Elementor编辑器,最好先看看主题的介绍中是否写明支持Elementor编辑器,通常付费主题都会提供Blog Grid等博客/文章列表页,譬如下图就是一个适合B2B外贸站的制造商类付费主题的博客列表模板。

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处)

wordpress%E5%88%9B%E5%BB%BA%E8%8F%9C%E5%8D%95%E6%95%99%E7%A8%8B 5

常见问题

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

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

include context

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

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

3.为何样式不生效

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

点赞
0 / 5 0

Your page rank:

相关 教程

我自用的 建站资源

当你点击本站的链接购买主机、主题、插件,我会得到一些佣金用于运营网站,但不会影响你的购买价格,我只推荐自己在用的,感谢有你的支持~比心( •̀ ω •́ )y

Namesilo

注册域名,购买时使用优惠券loyseo可减1美元
前往注册→

Cloudways

速度快、续费不涨价的优质主机
了解详情→

elementor logo gradient 01 1
Elementor

最热门的网页可视化设计编辑器,我的网站就是用它建的
了解详情→

Astra

易用又轻快的WordPress主题,含超多免费模板
了解详情→

我的九成客户都在用的Cloudways超快独享主机,本站专属优惠码:LOYSEO,前2个月可优惠30%,感谢你的互惠互助
读者学习交流群,
欢迎微信扫码加入