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

如何使用Elementor Pro制作文章页面模板【视频】

更新日期:2021-04-21
Share on facebook
Share on twitter
Share on linkedin

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

single post

接下来,我们进入正题

制作文章详情页模板

1.点击左侧菜单template> add new,选择模板类型为single post,点击“create template/创建模板”按钮,进入下一步

此图像的alt属性为空;文件名为image.png
  1. 进入library页面:
    1. 左键移动到模板上方,将出现放大镜按钮,点击可预览模板;
    2. 选择喜欢的模板,点击insert按钮即可导入;
    3. 导入后,会自动选择一篇文章数据嵌入,以便我们直观看到效果
elementor%E5%85%83%E7%B4%A0%E7%BC%96%E8%BE%91%E6%95%99%E7%A8%8B 6

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

你也可以查看下面的视频教程(其中模板类型记得选择single post,以前叫做single,最近官方改了名字),视频声音有点小,带个耳机声音大点

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

single post 2

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

常见问题

1.为什么文章没有显示评论框?

原因1.网站没开启评论功能,请在网站的setting > discussion中设置all people to submit comments on new posts。

wordpress comments

原因2.如果是某些文章没有评论功能,那是因为对应文章没有开启允许评论,请按下图所示修改为允许评论

请在文章列表中,对对应文章进行快速编辑(quick edit),勾选其中的Allow comments选项

wordpress comments 2

2.如何给文章开启星级评论功能

请安装kk Star Ratings插件实现。

点赞
0 / 5 5

Your page rank:

8 回复

  1. 请问博主,我做好了单页,但是单页不现实header导航栏,导航栏我设置的全站使用,但是在新闻单页里不显示,请问这是什么原因,谢谢.

    1. 你在文章列表中,找到这篇文章,鼠标悬停,找到快速编辑按钮,点击它,在展开的面板中,找到模板(template)选项,然后看看选项是什么,如果是canvas(画布),那就没有header。变成默认或全宽full with,应该就能显示header了。

  2. 我试了您的办法,在编辑时候会显示header,但是发布之后在网站上并不会显示header.

    1. 已经解决了,是你的single post模板的template选了canvas,改为default就可以了。

      1. 非常的感谢,非常的专业, 我自己研究了一上午没搞明白,博主几分钟看出问题,真的是非常的感谢!

评论被关闭。

相关 教程

我自用的 建站资源

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

Namesilo

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

Cloudways

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

elementor logo gradient 01 1
Elementor

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

Astra

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

Copyright © LOYSEO.COM