玩转 Elementor!解锁隐藏版 Post Carousel 神操作!

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

20250729102537922-image 玩转 Elementor!解锁隐藏版 Post Carousel 神操作!

一、安装必要插件

要实现文章轮播功能,需要先安装以下两个免费插件:

  1. 安装 Elementor(免费版)
    登录 WordPress 后台
    进入“插件” → “安装插件”
    搜索 “Elementor”,点击“现在安装”,然后点击“启用”
  2. 安装 Essential Addons for Elementor
    继续在插件页面搜索 “Essential Addons for Elementor”
    点击“安装”并启用
    这个插件会为 Elementor 添加许多实用组件,其中包括“Post Carousel”
20250729092305412-image

第二步:启用 Post Carousel 组件

  1. 在后台左侧点击 Essential Addons → Elements
  2. 在列表中找到“Post Carousel”
  3. 确认开关已打开
20250729094918180-image

第三步:在页面中插入轮播组件

  1. 打开一个页面或新建页面,点击“使用 Elementor 编辑”
  2. 页面加载后点击左上角的“+”号,添加一个新段落
  3. 在左侧组件搜索框输入“EA Post Carousel”
  4. 将“EA Post Carousel”拖到页面的空白区域
20250729094318409-image

第四步:设置文章内容来源

  1. 点击刚添加的 Post Carousel,左侧会出现设置面板
  2. 切换到“内容”选项 → 找到“Query”设置
20250729094721702-image
  1. 在“Source”中选择文章来源,例如 Post(文章)、Page(页面)、Products(商品)或 Manual(手动选择)
20250729095106980-image
  1. 根据需要筛选作者、分类、标签
  2. 可在“Exclude”中排除特定文章
  3. 设置每页显示的文章数量(Posts Per Page)
  4. 选择排序方式(最新发布、随机、按标题等)
20250729095238501-image

第五步:设置布局显示样式

  1. 在“Layout Settings”中,选择是否显示以下内容:图片、标题、摘要、作者信息
  2. 可设置图片大小(Image Size)和摘要显示的字数
  3. 调整元信息(Meta)的位置和显示样式
20250729095930348-image

第六步:设置轮播效果

  1. 展开“Carousel Settings”
  2. 在“Effect”中选择轮播动画样式:滑动(Slide)、淡入淡出(Fade)、立方体(Cube)、Coverflow 或翻转(Flip)
  3. 设置轮播中每屏显示的文章数(Visible Items)
  4. 设置项目间距(Item Gap)和图像高度(Image Height)
  5. 开启“Autoplay”(自动播放)并设定速度
  6. 可启用或关闭以下功能:
    • 鼠标悬停暂停(Pause on Hover)
    • 无限循环播放(Infinite Loop)
    • 抓取光标样式(Grab Cursor)
  7. 设置导航方式:仅显示箭头、仅分页点,或两个都显示
20250729100035475-image

第七步:设置链接

  1. 找到“Link”设置选项
  2. 控制以下链接是否启用:
    • 图片点击跳转
    • 标题点击跳转
    • “Read More”按钮点击跳转
20250729100202183-image-edited-2

第八步:美化轮播样式

  1. 切换到“样式”选项卡
  2. 在“Post Style”中设置:
    • 鼠标悬停图标
    • 背景颜色
    • 缩略图遮罩颜色
    • 边框样式与阴影效果
20250729100322984-image
  1. 在“Colors & Typography”中设置:
    • 标题、元信息、摘要的字体、颜色、对齐方式
    • 导航箭头与分页点的样式
20250729100432158-image

第九步:保存

点击页面左下角“更新”按钮保存设置

20250729100720169-image

总结

有了 Essential Addons 插件中的 Post Carousel 模块,我们不用购买 Elementor Pro,也能打造精美的文章轮播。操作简单、功能实用,适合用于首页推荐、分类精选、热门文章展示等多种场景。


了解 宝藏号 的更多信息

订阅后即可通过电子邮件收到最新文章。

© 版权声明

相关文章

暂无评论

none
暂无评论...

了解 宝藏号 的更多信息

立即订阅以继续阅读并访问完整档案。

继续阅读