免费 Elementor 博客和帖子网格小部件

Blog Posts 是一个免费的 Master Addons 小部件,它显示网格、列表、砖石布局或转盘中的帖子、页面或任何自定义帖子类型。选择经典或卡片,从七种卡片样式或七种列表样式中选择一种,每个设备最多设置 4 列。按类别、标签、作者或排除的帖子过滤查询,添加类别过滤选项卡,并对缩略图、标题、元、内容、阅读更多和分页进行样式。它适用于 Elementor 免费版本。

如何在 Elementor 中添加博客文章网格

您需要 Elementor 和 WordPress。org 的免费主插件。

  1. 检查博客是否已打开 主插件、小部件.
  2. 在 Elementor 编辑器中,搜索 博客文章 并将其拖到页面上。
  3. 在 显示选项、选择博客布局、博客类型和列数。
  4. 设置源、帖子类型和每页帖子,然后根据需要打开分页。
  5. 在 帖子设置、选择要显示的元和摘录,并在 高级设置 按类别、标签或作者过滤。
  6. 样式选项卡中的缩略图、标题、元和阅读更多内容。

有关完整的博客页面演练,请阅读 如何使用 Elementor 创建博客页面。每个设置都列在 博客文章小部件设置.

博客文章 显示选项,其中包含博客布局、博客类型和卡片布局列表,旁边是两排明信片网格

网格、列表、砖石和旋转木马布局

博客布局 是经典或卡牌。 博客类型 是网格布局、列表布局或砌体布局。网格中的卡片提供七种样式:默认、内容重叠、左上元、右对齐卡、中心对齐卡、中心对齐渐变 BG 和横幅卡。列表还有七种样式,从列表经典到列表缩略图背景。集 列数 1到4为每个设备, 并打开 启用旋转木马? 显示与滑块相同的帖子。

  • 行间距、列间距和内容对齐。
  • 标题 HTML 标签和自定义邮政元分离器。
  • 旋转木马或 Coverflow 滑块,具有自动播放、循环和六种导航类型。

发布查询和类别过滤选项卡

套 来源 到最新帖子来构建自己的查询,或者到存档模板上的当前查询,以便小部件遵循正在查看的类别、标签、日期或作者选择帖子类型、每页帖子、帖子总数、帖子订单和订单由,其中包括日期、标题、最后修改、随机和评论计数。在 高级设置、按类别、标签或作者过滤、排除帖子、抵消开始并忽略粘性帖子。

  • 类别过滤选项卡 grid 或 list 上面添加可点击的选项卡,它们无需重新加载即可过滤页面上已有的帖子,并且不适用于转盘。
  • 分页 显示带有您自己的下一步和上一步文本的编号页面。
  • "新建选项卡"中的链接会在新的浏览器选项卡中打开帖子。
博客文章高级设置,包含类别、标签和作者过滤器以及两列帖子列表旁边的帖子设置切换
博客文章缩略图设置,包括缩略图拟合、位置、悬停动画和明信片旁边的颜色效果列表

缩略图效果和后元

在 缩略图设置、选择图像分辨率、风景、方形、覆盖、填充或包含的缩略图拟合、可选的最小和最大高度以及缩略图位置。添加元素悬停动画,16 个之一 颜色效果 例如放大、灰度、模糊、棕褐色、闪光或圆圈,以及 缩略图形状:框、对角线、有边框、渐变有边框或正方形。样式选项卡添加了叠加颜色和 CSS 过滤器。

  • 显示或隐藏标题、作者、作者头像、日期、类别、标签和评论计数。
  • 显示完整内容或具有设定长度的摘录,以三个点或阅读更多链接结尾。
  • 发布元图标和发布格式图标。

博客文章旋转木马

与 启用旋转木马? 上, 旋转木马设置 为您提供旋转木马或 Coverflow 布局、带速度的自动播放、悬停暂停、滑动滚动、循环、中心滑动、抓取光标、无拖动模式和动画速度。 导航 section 提供箭头和点、箭头和分数、箭头、点、进度或无,箭头放置在内部或外部,并具有移动隐藏箭头选项。

  • A “首页最新发”滑块。
  • 文章末尾按标签过滤的相关帖子行。
  • 每张幻灯片的普通、悬停和活动样式。
博客文章旋转木马设置,在带有导航箭头的单个帖子幻灯片旁边具有自动播放和幻灯片选项
博客帖子 分页设置和分页样式面板旁边有编号页面链接的帖子

分页样式

打开 分页 grid 或 list 分割成编号页面,设置下一页文本和上一页文本,并左、中或右对齐链接 分页样式部分设置正常、悬停和活动页码的排版、文本和背景颜色,加上边框和半径 小部件没有 Load More 按钮或无限滚动。

  • 设置每页帖子和帖子总数以限制出现页数。
  • 给当前页码自己的颜色。
  • 通过边框和半径设置将页面链接与按钮进行匹配。

Elementor Pro 帖子与主插件博客帖子

Free Elementor 没有帖子小部件。Elementor Pro 有帖子小部件加上循环网格和循环旋转木马。以下是他们与这个免费小部件的比较。

特点元素专业版主插件博客文章
价格需要 Elementor Pro免费的
布局经典皮肤、卡片皮肤或全内容皮肤;循环网格使用您自己的卡片模板网格、列表或砖石中的经典或卡片,有 7 种卡片和 7 种列表样式
列1至61到4,每台设备
旋转木马单独的循环旋转木马小部件启用旋转木马?在同一个小部件中切换
分页数字、上一个/下一个、单击加载或无限滚动带有下一步和上一步文本的编号页面
前端过滤器循环网格的分类过滤器小部件页面上帖子的类别过滤选项卡
缩略图效果CSS 过滤器, 用于正常和悬停16种颜色效果,5种形状,悬停动画和CSS滤镜
存档模板当前查询当前查询

Elementor Pro是当您需要加载更多,无限滚动或完全自定义卡构建为Loop模板时更好的选择博客文章适合免费的Elementor网站,这些网站想要现成的卡片样式,缩略图效果和没有额外小部件的旋转木马滚动标题,请参阅 新闻股票代码 小部件。

模板查看器
脸书
推特
什么应用程序
复制链接
立即购买
黑暗工坊后网格
黑暗工坊后网格
横向帖子列表
横向帖子列表
交错的明信片
交错的明信片
宽叠帖横幅
宽叠帖横幅
重叠的卡柱行
重叠的卡柱行
胶印叠加明信片
胶印叠加明信片
全图像叠加卡
全图像叠加卡
浮动卡柱网格
浮动卡柱网格
卡布局
卡布局

博客常见问题解答

了解用户对博客询问最多的查询,并在一个地方找到答案。
博客文章小部件免费吗?

是的。博客文章是免费 Master Addons 插件的一部分,包括卡片和列表样式、旋转木马、过滤器选项卡和分页,并且它可以与免费 Elementor 一起使用。

是将来源设置为最新帖子,并在帖子类型下拉中选择任何公共帖子类型。在存档模板上,使用当前查询代替,以便小部件跟随正在查看的存档。

列(Column)数目可以设置为每台设备,因此您可以在桌面上使用3列,平板电脑上使用2列,移动设备上使用1列,设置缩略图适合覆盖固定高度可以使图像均匀。

Show Content 打开或关闭文本区域,打开 Show Excerpt,小部件会显示您设置的长度的修剪摘录(默认情况下为 55 个单词),而不是全文,摘录即使在网格中也能保留卡片。

类别过滤器选项卡如何工作?

启用后,网格或列表上方会出现已加载帖子的类别选项卡。单击选项卡过滤那些已到位的帖子,无需重新加载。它仅过滤当前页面上的帖子,并且不适用于转盘。

No。Pagination 使用带有下一步和上一步文本的编号页面链接,如果您需要加载更多或无限滚动,Elementor Pro 的帖子小部件可以同时提供这两种功能。

是将源设置为当前查询,小部件会显示正在查看的类别、标签、日期或作者存档的帖子,使用您选择的布局和样式。

趋势元素小部件和扩展

在更短的时间内构建复杂的网站。

Elementor 的 Master Addons Glassmorphism 扩展:模糊值控件设置为 20px 的磨砂玻璃卡

玻璃态

首页 免费元素玻璃化扩展:一键玻璃化中的磨砂玻璃效应是磨砂的。。。
查看详细信息
Elementor 的主插件容器额外扩展:容器上限为 1400px 最大宽度,具有最大宽度、最大高度、最小宽度和最小高度控制

集装箱附加信息

主页 Elementor 容器最大宽度和最大高度控制容器附加功能是免费的 Master。。。
查看详细信息
Elementor 的 Master Addons Patterns 扩展:具有紫色渐变网格左侧样式的英雄、另外三种图案样式和启用图案面板

图案

主页 70 多个免费元素器背景模式 模式是一个免费的主插件扩展,可添加...
查看详细信息
Master Addons 元素的帖子/页面复制器扩展:WordPress 页面列表中的 MA 复制器行链接创建着陆页 - [Duplicated #128] 草案

帖子/页面复制器

主页 一键复制元素器页面和帖子 帖子/页面复制器是免费的 Master。。。
查看详细信息
Elementor 的主插件阅读进度条扩展:隐私政策页面顶部填充 42% 的蓝色条,具有启用、位置、高度和填充颜色设置

阅读进度吧

主页 在 WordPress(元素)中添加阅读进度栏 阅读进度栏是免费的。。。
查看详细信息