没有 Elementor Pro 的情况下,我们也可以轻松实现文章轮播效果。安装 Elementor 和 Essential Addons 插件,就可以在页面中添加滑动展示的文章模块,非常适用于“最新文章”“热门推荐”等内容的展示。下面是详细的步骤,新手也可以快速上手!

一、安装必要插件
要实现文章轮播功能,需要先安装以下两个免费插件:
- 安装 Elementor(免费版)
登录 WordPress 后台
进入“插件” → “安装插件”
搜索 “Elementor”,点击“现在安装”,然后点击“启用” - 安装 Essential Addons for Elementor
继续在插件页面搜索 “Essential Addons for Elementor”
点击“安装”并启用
这个插件会为 Elementor 添加许多实用组件,其中包括“Post Carousel”
![图片[2]-玩转 Elementor!解锁隐藏版 Post Carousel 神操作!](https://www.361sale.com/wp-content/uploads/2025/07/20250729092305412-image.png)
第二步:启用 Post Carousel 组件
- 在后台左侧点击 Essential Addons → Elements
- 在列表中找到“Post Carousel”
- 确认开关已打开
![图片[3]-玩转 Elementor!解锁隐藏版 Post Carousel 神操作!](https://www.361sale.com/wp-content/uploads/2025/07/20250729094918180-image.png)
第三步:在页面中插入轮播组件
- 打开一个页面或新建页面,点击“使用 Elementor 编辑”
- 页面加载后点击左上角的“+”号,添加一个新段落
- 在左侧组件搜索框输入“EA Post Carousel”
- 将“EA Post Carousel”拖到页面的空白区域
![图片[4]-玩转 Elementor!解锁隐藏版 Post Carousel 神操作!](https://www.361sale.com/wp-content/uploads/2025/07/20250729094318409-image.png)
第四步:设置文章内容来源
- 点击刚添加的 Post Carousel,左侧会出现设置面板
- 切换到“内容”选项 → 找到“Query”设置
![图片[5]-玩转 Elementor!解锁隐藏版 Post Carousel 神操作!](https://www.361sale.com/wp-content/uploads/2025/07/20250729094721702-image.png)
- 在“Source”中选择文章来源,例如 Post(文章)、Page(页面)、Products(商品)或 Manual(手动选择)
![图片[6]-玩转 Elementor!解锁隐藏版 Post Carousel 神操作!](https://www.361sale.com/wp-content/uploads/2025/07/20250729095106980-image.png)
- 根据需要筛选作者、分类、标签
- 可在“Exclude”中排除特定文章
- 设置每页显示的文章数量(Posts Per Page)
- 选择排序方式(最新发布、随机、按标题等)
![图片[7]-玩转 Elementor!解锁隐藏版 Post Carousel 神操作!](https://www.361sale.com/wp-content/uploads/2025/07/20250729095238501-image.png)
第五步:设置布局显示样式
- 在“Layout Settings”中,选择是否显示以下内容:图片、标题、摘要、作者信息
- 可设置图片大小(Image Size)和摘要显示的字数
- 调整元信息(Meta)的位置和显示样式
![图片[8]-玩转 Elementor!解锁隐藏版 Post Carousel 神操作!](https://www.361sale.com/wp-content/uploads/2025/07/20250729095930348-image.png)
第六步:设置轮播效果
- 展开“Carousel Settings”
- 在“Effect”中选择轮播动画样式:滑动(Slide)、淡入淡出(Fade)、立方体(Cube)、Coverflow 或翻转(Flip)
- 设置轮播中每屏显示的文章数(Visible Items)
- 设置项目间距(Item Gap)和图像高度(Image Height)
- 开启“Autoplay”(自动播放)并设定速度
- 可启用或关闭以下功能:
- 鼠标悬停暂停(Pause on Hover)
- 无限循环播放(Infinite Loop)
- 抓取光标样式(Grab Cursor)
- 设置导航方式:仅显示箭头、仅分页点,或两个都显示
![图片[9]-玩转 Elementor!解锁隐藏版 Post Carousel 神操作!](https://www.361sale.com/wp-content/uploads/2025/07/20250729100035475-image.png)
第七步:设置链接
- 找到“Link”设置选项
- 控制以下链接是否启用:
- 图片点击跳转
- 标题点击跳转
- “Read More”按钮点击跳转
![图片[10]-玩转 Elementor!解锁隐藏版 Post Carousel 神操作!](https://www.361sale.com/wp-content/uploads/2025/07/20250729100202183-image-edited-2.png)
第八步:美化轮播样式
- 切换到“样式”选项卡
- 在“Post Style”中设置:
- 鼠标悬停图标
- 背景颜色
- 缩略图遮罩颜色
- 边框样式与阴影效果
![图片[11]-玩转 Elementor!解锁隐藏版 Post Carousel 神操作!](https://www.361sale.com/wp-content/uploads/2025/07/20250729100322984-image.png)
- 在“Colors & Typography”中设置:
- 标题、元信息、摘要的字体、颜色、对齐方式
- 导航箭头与分页点的样式
![图片[12]-玩转 Elementor!解锁隐藏版 Post Carousel 神操作!](https://www.361sale.com/wp-content/uploads/2025/07/20250729100432158-image.png)
第九步:保存
点击页面左下角“更新”按钮保存设置
![图片[13]-玩转 Elementor!解锁隐藏版 Post Carousel 神操作!](https://www.361sale.com/wp-content/uploads/2025/07/20250729100720169-image.png)
总结
有了 Essential Addons 插件中的 Post Carousel 模块,我们不用购买 Elementor Pro,也能打造精美的文章轮播。操作简单、功能实用,适合用于首页推荐、分类精选、热门文章展示等多种场景。
| 联系我们 | |
|---|---|
| 教程看不懂?联系我们为您免费解答!免费助力个人,小企站点! |
客服微信
|
| ① 电话:020-2206-9892 | |
| ② QQ咨询:1025174874 | |
| ③ 邮件:info@361sale.com | |
| ④ 工作时间:周一至周五,9:30-18:30,节假日休息 | |
THE END























![表情[wozuimei]-光子波动网 | 专业WordPress修复服务,全球范围,快速响应](https://www.361sale.com/wp-content/themes/zibll/img/smilies/wozuimei.gif)
![表情[baoquan]-光子波动网 | 专业WordPress修复服务,全球范围,快速响应](https://www.361sale.com/wp-content/themes/zibll/img/smilies/baoquan.gif)

暂无评论内容