如何在 WordPress 中显示带有缩略图的相关帖子?

已发表: 2022-03-31

所以你想知道如何在 WordPress 中显示带有缩略图的相关帖子? 好吧,我们有你的答案。

你们中间的博主和作家提供了大量的内容。 新用户可能很难浏览您提供给读者的精彩内容。 也许您的读者对您网站上的更多内容感兴趣。

相关帖子是向他们提供这一点的好方法!

当你在每篇博文之后都有相关的帖子时,它会激发用户的热情和好奇心,引导他们浏览你网站上的一些额外内容。 这种参与使您的作品出现在搜索结果的首位。

今天的讨论将是关于向读者展示带有缩略图的相关帖子。 与往常一样,我们将向您展示一些使用 PostX 插件展示相关帖子的通用方法。

此外,我们将向您展示在您的 WordPress 网站上使用缩略图显示相关内容的手动方法。 此外,我们将在此过程中分享一些重要问题的答案。

让我们开始吧!

内容隐藏
1如何在 WordPress 中显示带有缩略图的相关帖子 [方法!]
1.1使用 PostX 插件显示相关文章
1.2如何显示图像缩略图?
1.3我是否必须为我所有的单个帖子都这样做?
1.4如何在侧边栏显示相关帖子的缩略图?
1.5如何在二十二十二主题中用缩略图显示相关帖子
1.6如何使用代码在 WordPress 中显示带有缩略图的相关帖子
2为什么需要显示相关帖子?
3最后的想法

如何在 WordPress 中显示带有缩略图的相关帖子 [方法!]

有几种方法可以在 WordPress 中显示带有缩略图的相关帖子。 您可以使用 PostX Gutenberg 块插件非常轻松地显示相关帖子。 它消除了所有艰苦的工作,让您专注于您的创造力。

Showcasing related posts with thumbnails
用缩略图展示相关帖子

下一个选项是手动方式(但我们将与 PostX 一起向您展示)。 这就是您使用小部件通过缩略图展示相关帖子的地方。

最后一个选项是使用代码来展示与您的 WordPress 内容相关的帖子。 考虑到你们中的一些人可能不是编码向导,这可能有点困难。 有时它会变得复杂。

因此,让我们探索使用 WordPress 展示相关帖子及其缩略图的每个选项。

使用 PostX 插件显示相关文章

正如我们之前提到的, PostX 插件有很多独特的功能。 所有这些功能都旨在帮助普通用户发挥他们最好的创造力。

最棒的是,您可以使用这个独一无二的插件轻松地为用户创造最佳体验。

签出 PostX

现在,如果您不使用块级主题,那么您可以使用小部件来展示带有相关缩略图的相关帖子。 我们将在后面的部分中向您展示如何做到这一点。

注意:您当然可以在单个 WordPress 帖子中显示带有缩略图的相关帖子。 不幸的是,这个过程并不直观。 此外,自定义选项很少,考虑到 PostX 的可用性水平,这并不理想。 我们并不是说这是不可能的,但这里有太多需要处理的警告。

现在,让我们看看如何使用 PostX 显示相关帖子。

为了在单个博客文章的底部显示相关文章(当然还有缩略图),您需要:

  • 从您的 WordPress 仪表板导航到帖子内容。
  • 滚动到帖子底部。
  • 单击块库(此时,我们假设您在 WordPress 网站上安装了 PostX。如果没有,您可以查看此资源以安装插件)。
How to Show Related Posts with Thumbnails in WordPress
如何在 WordPress 中显示带有缩略图的相关帖子
  • 选择您喜欢的块设计。
  • 点击导入。

单击导入后,设计将导入您的 WordPress 网站。 由于目标是显示带有相关帖子的缩略图,因此 PostX 提供了所有选项来展示帖子缩略图并根据您的需要对其进行编辑。

但在此之前,这里有一个关于显示“正确”相关帖子的快速说明。 因为您不只是希望您网站上的所有帖子都与特定帖子“相关”。

您需要使用PostX 快速查询生成器来显示带有缩略图的最“相关”帖子。 Advanced Query Builder 的分类部分和排序功能对于帮助您展示特定内容的正确“相关”帖子至关重要。

这是您需要做的:

  • 选择您导入的块以显示相关帖子。
  • 转到块的“设置”部分。 在这里您将找到“查询”设置。

在快速查询设置下,您会找到分类设置。 那个特别有2个相关的选项。 一是分类值,二是分类关系。

Showcasing related posts with thumbnails using the query builder
使用查询生成器显示带有缩略图的相关帖子

为了将某些特定帖子显示为带有缩略图的相关帖子(这当然是目标),您可以执行以下操作:

  • 选择帖子“类别”作为分类。
  • 选择类别分类值(选择帖子类别)。
  • 选择分类的关系。

如果您不清楚这些条款,请务必查看以下相关资源。

相关资源:
1. WordPress查询生成器的有效使用
2. 如何在 WordPress 中显示带有缩略图的最近帖子

高级查询生成器中还有更多可用选项。 例如,您可以使用滑块显示您选择显示相关帖子的块中的帖子数量。

如何显示图像缩略图?

从 PostX 块库中选择现成的块后,您可以从博客的“设置”部分设置图像缩略图设置。 您所要做的就是单击该块并导航到该特定博客的“图像”设置。 在那里,您可以将图像设置为缩略图,或从“大图像尺寸”设置更改图像的尺寸。

Showing related posts with thumbnails using the image settings
使用图像设置显示带有缩略图的相关帖子

此外,还有其他设置供您探索。

我必须为我所有的单篇文章都这样做吗?

在这里,您可以使用小部件来展示带有缩略图的相关帖子。

答案是肯定的,您需要展示每个特定帖子的相关帖子。 但是,有一种快速的方法可以做到这一点。 就是这样:

  • 单击块设置。
  • 选择“添加到可重用块”
Reusable blocks for related posts with thumbnails
带有缩略图的相关帖子的可重复使用块
  • 给块命名并保存它。

将其保存为可重复使用的块后,您也可以在其他帖子中使用它。 您所要做的就是搜索具有相关名称的块并将其添加到帖子中。

如何在侧边栏中显示带有缩略图的相关帖子?

好问题。 我们之前可能已经给您提示了!

如果它不是块级主题,只需使用小部件。 这是用缩略图展示相关帖子的最简单方法。 你所要做的就是:

  • 从 WordPress 仪表板上的主题设置中转到“小部件”
  • 您将拥有特定主题的特定小部件设置。 例如,如果您使用“GeneratePress”主题,您将拥有每个侧边栏部分的选项。
Manipulating widgets to show related posts with thumbnails
操作小部件以显示带有缩略图的相关帖子
  • 像以前一样添加一个PostX 现成的块
  • 最后,点击更新。

注意:您可能需要为不同的主题处理不同的设置。 例如,使用 GeneratePress 主题(顺便说一下 PostX 的一个很棒的主题,但您也可以查看 PostX 的其他推荐主题),您可以选择从主题自定义设置中显示小部件侧边栏。 还有在内容菜单中显示/隐藏侧边栏的选项。

Showing Related Posts with Widgets for Single Post
使用单个帖子的小部件显示相关帖子

在继续下一部分之前,我们要提到最后一件事。 这就是分页。 是的,PostX 在其功能库中确实具有此功能。 您可以从 PostX 块设置菜单轻松激活它。

注意:顺便说一下,我们使用帖子网格和帖子列表块样式向您展示示例。 您可以探索 PostX 块库,看看哪个块是您使用缩略图显示相关帖子的正确选择。

如何在二十二十二主题中显示带有缩略图的相关帖子

如前所述,二十二十二块级主题存在一些问题。 在设计方面没有太多可做的。 但是您可以在带有缩略图的单个帖子中显示相关帖子。

为此,我们将使用 222 个 WordPress 主题。 你所要做的就是:

  • 从您的 WordPress 仪表板转到特定帖子。
  • 转到帖子的设置。
  • “页面模板”部分下,单击编辑。

单击编辑后,您将被带到单个帖子模板。 在这里,您可以从默认的 WordPress 库中添加相关的帖子块布局。

注意:这里的问题是内置布局实际上不允许正确查看您的相关帖子。 不仅缺乏适当的布局和块,有时相关帖子的内置块也会看起来很糟糕。

这是一个快速资源,可帮助您了解有关最新的 222 个 WordPress 主题的更多信息:
WordPress 全站编辑

我们也有解决方案。 它是一个快速简单的解决方案,需要您使用 PostX 插件(它具有与 PostX 最新版本和块级主题(如 222)的出色兼容性)。

但这将要求您单独添加相关的帖子块。 这里的好处是您不必担心更改模板或任何东西。 您也可以使块可重用。

签出 PostX

快速浏览一下:

Related Posts in the Twenty Twenty-two Theme
二十二十二主题相关文章

如何使用代码在 WordPress 中显示带有缩略图的相关帖子

当然,您可以使用代码在您的 WordPress 网站上显示相关帖子。 您在这里也有一些警告。

首先,如果你之前没有任何编码知识,那么最好不要走这条路。 它可能会导致您的 WordPress 网站出现潜在问题。 使用较早的方法之一可能是您的最佳方法。

但是,另一方面是您不必使用任何插件。 不幸的是,像 PostX 这样的插件有很多很酷的功能。 因此,您可以使用代码(尤其是如果您是经验丰富的专业人士)。 它将保持您的网站快速流畅。

但是,功能将受到限制!

这是一个代码片段,可用于显示带有缩略图的相关帖子:

 <?php $related = get_posts( array( 'category__in' => wp_get_post_categories($post->ID), 'numberposts' => 5, 'post__not_in' => array($post->ID) ) ); if( $related ) foreach( $related as $post ) { setup_postdata($post); ?> <ul> <li> <a href="<?php the_permalink() ?>" rel="bookmark" title="<?php the_title(); ?>"><?php the_title(); ?></a> <?php the_content('Read the rest of this entry &raquo;'); ?> </li> </ul> <?php } wp_reset_postdata(); ?>

为什么需要显示相关帖子?

背后的原因很简单。

您希望更多用户与您网站的内容进行交互。 而这种互动将帮助您在搜索引擎结果页面上获得更高的排名。

用户通常会花时间在解决特定问题的内容上。 在这样做的同时,他们喜欢花一些时间浏览您网站上的其他相关内容。

这就是相关帖子的有效性所在。也许有与用户认为有用的内容相似的内容。 也许您会分享有关进一步解决问题的提示。 用户会非常感激它,因为他们从您的网站获得了额外的价值。

这种互动将对您有利,以使您的网站出现在 SERP 中。 这就是最终目标,对吧?

最后的想法

我们希望今天的帖子能帮助您了解如何在 WordPress 中使用缩略图显示相关帖子

我们同意今天的讨论有点片面。 尽管如此,今天的主要目标是展示您可以使用缩略图显示相关帖子的方式。

在下面的评论中发出声音,分享您对此事的看法。

回头见。