需要掌握如何使用帖子小部件Elementor?

专业版Elementor 附带一个名为 Publications 的小部件。 您可以使用此小部件在您的网站上显示现有文章 网站Web. 默认情况下,“出版物”小部件显示您的最新文章 网站Web,但您可以根据某些参数过滤文章。

一些附加组件Elementor 例如 基本附件 et JetElements 也有类似的小部件,但 Elementor 的原生 Posts 小部件支持更多过滤选项。

您可以在您的任何位置使用帖子小部件 网站Web。 无论是在主页、类别页面、存档页面、页脚、侧边栏等上……您甚至可以使用该小部件在模板单个出版物上显示相关文章。

如何使用 Elementor 的帖子小部件

在开始之前,请确保您已经安装并激活了 Elementor 的专业版,因为帖子小部件仅在专业版上可用。

使用 Elementor 创建新页面、帖子或模板。 在 Elementor 编辑器中,添加一个新部分,将 Posts 小部件添加到您将在左侧面板的 Pro 部分中找到的部分。

另请参阅: 如何在 Elementor 中添加相关项

如您所见,添加后,该小部件将显示您网站上的最新帖子。

筛选文章

要过滤文章,您可以打开块 询问 标签下 包装内容. 除了显示帖子,您还可以使用帖子小部件来显示页面和产品 WooCommerce . 您可以从选项中设置要显示的内容类型(帖子、页面或产品) 来源.

如何使用 Elementor 的帖子小部件

按类别和标签过滤项目

要按类别或标签过滤文章,请单击该字段 包含者 并选择 温泉. 一个领域 温泉 然后会出现。 输入所需的类别名称或标签名称,然后从出现的列表中进行选择。

如何使用 Elementor 的帖子小部件

您可以添加多个类别或标签。

另请参见: 如何在 Elementor 中使用全局小部件

如果你离开球场 包括在内 空,帖子小部件将显示您网站上的所有帖子。 您可以通过在选项卡上输入类别或标签来隐藏某些类别或标签中的文章 排除.

如何使用 Elementor 的帖子小部件

按作者筛选文章

要按作者过滤文章,只需选择 导演 在该领域 包括在内 并在出现的字段中输入作者姓名。 您可以添加多个作者。

如何使用 Elementor 的帖子小部件

要隐藏某些作者的文章,您可以转到选项卡 排除.

手动选择项目

除了按类别、标签和作者过滤帖子外,您还可以手动添加帖子。 如果您想在主页或任何您想要的地方显示特色文章,此选项非常有用。

要手动添加项目,请选择 手动选择 在球场上 来源 并在字段中输入要显示的文章标题 搜索和选择.

如何使用 Elementor 的帖子小部件

您还可以添加多个项目来显示。

布局调整

过滤文章后,您可以设置布局。 打开块 布局 标签下 包装内容. 如您所见,您可以设置多个选项。 您可以设置皮肤、显示帖子的列数、每页的帖子数、图片位置、图片大小、图片比例、摘录长度和帖子元。

如何使用 Elementor 的帖子小部件

分页设置

要定义分页,请打开块 分页 标签下 包装内容. Publications 小部件提供三种类型的分页:Numbers、Next/Previous、两者的组合、单击加载、滚动加载。

如何使用 Elementor 的帖子小部件

一点注意。 球场上的号码 页数限制 控制可访问页面的数量,而不是文章的数量。 如果您有 100 篇文章并将计数设置为 5 — 而将每页文章数设置为 6 — 最大可访问文章数为 30 ( 6 x 5 )。

自定义样式小部件

像往常一样,您可以转到选项卡 样式 设置帖子小部件的样式。 你可以打开五个块。

布局块

在此块上,您可以设置列和行之间的间距。 您还可以设置内容对齐方式。

卡块

在此块上,您可以设置边框宽度、边框半径、边框颜色、填充、内容填充、框阴影和卡片背景。

图片块

在此块中,您可以设置文章图像的边框半径以及每个特色图像与内容之间的间隙。 如果需要,您还可以应用一些 CSS 过滤器。

内容块

在街区 包装内容,您可以自定义内容的样式(标题、元、摘录、了解更多)。 您可以设置文本颜色、排版(字体大小、字体样式、字体系列)和间距。

如何使用 Elementor 的帖子小部件

分页块

您可以在此块上设置分页样式。 您可以设置排版(字体大小、字体样式、字体系列)、文本颜色和数字之间的间距。 设置文字颜色时,可以为正常状态、鼠标悬停和焦点设置不同的颜色。

如何使用 Elementor 的帖子小部件

如果要设置帖子小部件的填充和边距,可以转到选项卡 先进.

为了节省自定义小部件的时间,您可能需要安装 奇迹WP. 此插件提供您可以选择的预设。

立即获取 Elementor Pro !!!

结论

您可以使用 Elementor 的帖子小部件来显示您网站上的现有帖子。 如果您使用您的网站通过 WooCommerce ,还可以展示产品。

此小部件具有过滤功能,可让您根据特定参数过滤文章。 您可以在网站的任何部分使用帖子小部件。

这里 ! 这就是本文向您展示的方法 使用 Elementor 的帖子小部件. 如果您对如何到达那里有任何疑问,请在 评论.

但是,您也可以咨询 我们的资源,如果您需要更多的元素来执行创建Internet网站的项目,请参考我们关于 WordPress博客创建 或者那个 Divi:有史以来最好的WordPress主题.

但与此同时, 在您不同的社交网络上分享此文章.

...