如何添加WordPress最新文章版块?

内容对于运行WordPress博客很重要。但是,在您的每个页面上没有足够的内部链接的内容是不够的。有效的方法是在文章内容上手动插入相关链接,并在侧边栏或页脚区域展示相关文章。但是,在大多数情况下,添加最近发布的列表对于拥有可靠的Intern

Display-Recent-Posts-in-WordPress-1024x640.pngo_

内容对于运行WordPress博客很重要。但是,在您的每个页面上没有足够的内部链接的内容是不够的。有效的方法是在文章内容上手动插入相关链接,并在侧边栏或页脚区域展示相关文章。

但是,在大多数情况下,添加最近发布的列表对于拥有可靠的Internet链接结构也很有用。在本文中,我们将介绍在WordPress中插入最新文章的各种选项。

以下是在您的网站中插入最新文章的一些原因:

  • 在主页中添加最新文章列表可帮助访问者快速浏览您的内容。
  • 您可以在热门内容中插入最近发布的小工具,以宣传您最近发表的文章。
  • 在页脚或侧边栏区域展示您的最新文章也是一个好主意。

您在WordPress中有不同的可能性来展示您的最新文章:

  • 使用WordPress最近的文章小工具在侧边栏或页脚等小工具区域展示。
  • 使用Gutenberg最近的文章块插入中间的文章内容。
  • 使用第三方插件展示最近的文章。

让我们在以下部分介绍所有可能性。

在WordPress中使用“最近的文章”小工具的典型方式是在侧边栏或页脚小工具区域展示您最近的文章。如果您使用旧的经典编辑器并且您有一个带有Gutenberg编辑器的小工具块,则可以拖放小工具。

  • 登录到您网站的管理面板并导航到“外观 > 小工具”部分。
  • 选择要插入小工具的侧边栏或页脚区域,然后单击左上角显示为 + 的“添加区块”图标。
  • 这将显示所有可用块的列表,并在搜索框中键入“最新”。
  • 单击“最新文章”小工具以插入块。

Latest-Posts-in-Widget-Blocks.pngo_

小工具区块中的最新文章

  • 插入小工具后,单击它以查看可用于自定义外观的选项。
  • 您可以更改对齐方式并切换网格或列表视图以调整站点布局上的小工具。

Change-to-Grid-or-List-View-and-Alignment.pngo_

更改为网格或列表视图和对齐方式

  • 由于它是一个单独的区块,它没有任何标题。如果需要,您可以添加“标题”博客以在小工具上方插入标题,并将两个区块组合到一个块中。

Add-Heading-to-List.pngo_

将标题添加到列表

  • 最后,按“更新”按钮发布您的更改。您网站上的“最新文章”小工具将如下所示。

Latest-Posts-Widget-in-Sidebar.pngo_

侧边栏中的最新文章小工具

经典编辑器中的最新文章

如果您使用的是Classic Editor,插入最近的文章的过程是相同的。但是,小工具名称将不同于“最近文章”而不是“最新文章”。

  • 转到“外观>小工具”并将“最近文章”小工具拖动到所需区域。

Classic-Editor-Recent-Posts-Widget.pngo_

经典编辑器最近的文章小工具

  • 或者,单击小工具,选择要插入的可用区域,然后单击“添加小工具”按钮。

Select-Area-to-Insert-Widget.pngo_

选择要插入小工具的区域

  • 小工具可用后,输入标题,如“最新文章”、“最近文章”或您希望在已发布站点的小工具上方显示的任何内容。
  • 根据站点布局上的可用空间,键入要在列表中显示的文章数。
  • 最后,选择是否要在列表中的每篇文章下方显示发布日期。
  • 完成设置后,单击“保存”按钮发布您的更改。

Recent-Posts-Widget-Inserted.pngo_

已插入最近的文章小工具

  • “最近的文章”小工具在您发布的网站上将如下所示。

Recent-Posts-Widget-with-Date-Using-Classic-Editor.pngo_

使用经典编辑器的带有日期的最近文章小工具

注意:如您所见,Gutenberg不提供显示发布日期和选择最新文章列表中的文章数量的选项。此外,无论您使用古腾堡编辑器还是经典编辑器,小工具的外观都是由您使用的主题决定的。

尽管带有经典编辑器的“最近文章”提供了额外的选项,但它不能插入到内容区域内。您唯一的选择是使用古腾堡“最新文章”小工具或使用第三方插件。

  • 当您在内容区域时,在段落块中输入/latest
  • 这将过滤“最新文章”区块并单击它以插入。

Insert-Latest-Posts-Block-in-Content-Area.pngo_

在内容区域中插入最新文章区块

  • 该小工具会立即显示您最近的文章,您可以切换列表或网格视图。

Latest-Posts-Block-Options.pngo_

最新文章区块选项

自定义内容中的最新文章小工具

与小工具区块不同,您可以找到大量选项来自定义内容中的最新文章小工具。您可以在侧边栏的“区块”部分下找到所有可用选项。

Customization-Options-Latest-Posts-Widget.pngo_

自定义选项最新文章小工具

  • 样式– 您可以从默认样式、分隔线或边框中选择三种样式。
  • 文章内容设置– 您可以启用此选项并在每个标题下方显示指定长度或完整文章的摘录。
  • 发布元设置– 切换作者姓名和发布日期。
  • 特色图片– 显示或隐藏每个文章的特色图片。此外,您可以更改图像对齐、链接图像并选择图像大小。
  • 排序和过滤——选择排序顺序,根据类别和作者进行过滤。您还可以使用网格视图的所需列来限制列表中显示的项目数。
  • 高级– 这是所有Gutenberg区块添加自定义CSS类的常用选项。

以下是带有自定义选项的列表视图中最新文章的示例:

List-View-Example.pngo_

列表视图示例

相同的小工具将出现在网格视图中,并在两列中进行一些修改,如下所示:

Grid-View-Example.pngo_

网格视图示例

注意: WordPress还提供循环查询和文章列表区块,用于根据类别和标签创建文章页面。但是,您可以使用该块的过滤选项来显示具有一定数量最新文章的单个页面,并创建一个最近的文章小工具。

坦率地说,我们不建议使用第三方插件在WordPress中插入最近的文章,因为默认的Gutenberg区块就足够了。

但是,还有一些其他情况,例如,如果您想在列表中包含自定义文章类型或包含特定页面。最好的选择是在您的网站上安装并激活“ WP Latest Posts?”插件。

该插件提供了大量选项来创建漂亮的最近文章区块,您可以使用简码或古腾堡块将其插入任何地方。请注意,您可以为不同的文章类型创建多个区块,并在您的PHP模板中插入短代码以展示相应的文章,而无需混合类别和文章类型。

WP-Latest-Posts-Plugin.pngo_

WP Latest Posts插件

  • 激活插件后,您将在侧边栏中找到一个新的菜单项“WP Latest Posts”并单击它。
  • 单击“+ New Block”按钮为您的网站创建一个新的最近文章块。

Add-New-Recent-Posts-Block.pngo_

添加新的最近文章区块

  • 该插件提供了许多过滤和设计选项,用于为您的小工具选择内容源和主题。浏览设置并根据您的要求进行自定义。

Design-Your-Block.pngo_

设计你的区块

  • 完成设置后,保存块以创建简码。

Get-Block-Shortcode.pngo_

获取区块简码

插入最近文章区块

如果您使用的是经典编辑器,该插件将在界面中添加一个名为“添加最新文章”的按钮。对于Gutenberg,您可以将短代码粘贴到内容区域内的任何位置或使用“WP Latest Posts”块。

Paste-Shortcode-or-Use-Block.pngo_

粘贴简码或使用区块

  • 您将无法在编辑器中自定义小工具,因为您已经从插件的设置面板中设置了所有内容。
  • 发布您的文章并查看最新的文章区块,如下所示。

Recent-Posts-with-Plugin.pngo_

使用插件添加最近文章

  • 您还可以使用小工具区域或文章模板中的短代码在所有文章上自动显示小工具。

注意: Jetpack还提供了一个名为“Top Posts & Pages”的附加小工具,您可以通过允许插件设置中的“Extra Widgets”来启用它。此小工具的优点是可以在列表中显示页面,并具有简化的界面。因此,如果您已经使用Jetpack,请考虑使用此选项而不是使用其他插件。

我们建议使用Gutenberg区块编辑器中的“最新文章”区块来创建漂亮的最近文章小工具内部文章内容区域。

虽然在小工具区域中使用该区块不提供任何自定义,但大多数主题使用自定义CSS来自定义显示小工具。如果默认区块不够用,那么您可以使用上面提到的插件在轮播视图中创建最近的文章。

本文内容来源于公开网络,出于传递信息之目的整理发布。原文版权归原作者所有,若涉及侵权请先提供版权后联系我们删除

(0)
WP之家WP之家
上一篇 2025年3月13日 下午5:30
下一篇 2025年3月13日 下午5:30

相关推荐

  • 如何添加代码片段粘贴至WordPress网站

    在WordPress主题文件中复制和粘贴代码对于有经验的用户来说似乎很容易,但对于初学者来说可能会比较折腾。在本教程中,我们将向您展示如何在不破坏您的网站的情况下从网络复制和粘贴代码片段到WordPress。

    2025年3月13日
  • 如何通过Gravatar设置WordPress博客头像

    使用Gravatar创建一个WordPress头像 首先,访问Gravatar官方网站。 进入Gravatar网站后,点击页面的蓝色按钮“”Create Your Own Gravatar””。 页面将跳转到“使用 WordPress.com 帐户注册 Gravatar”,你只需要注册一…

    2025年3月23日
  • 如何为WordPress每个类别制作单独的RSS Feed

    默认情况下,WordPress网站RSSFeed仅显示您最近的博客文章。但是,如果您对其他内容使用自定义文章类型,那么您可能也希望将它们包含在您的主要RSSFeed中。在本教程中,我们将向您展示如何轻松地将自定义文章类型添加到您的主

    2025年3月13日
  • 如何修复WordPress网站被Chrome标示“要访问的网站包含恶意软件”错误

    如果您或您的访问者在尝试访问您的WordPress网站时看到一条红色的大消息,上面写着“要访问的网站包含恶意软件”或“您要访问的网站包含有害程序”,本文将解释发生的情况并告诉您如何修复它.当Google认为某个网站包含有害内容时,此错误会显示在GoogleChrome中或当用户单击Google搜索中

    2025年3月13日
  • 什么是WordPress管理仪表盘?

    WordPress管理仪表盘,通常称为WPAdmin或WP管理面板,本质上是整个WordPress网站的控制面板。在这里您可以创建和管理内容、以插件的形式添加功能、以主题的形式更改样式等等。如果您使用WordPress,WordPress管理面板将成为您生活的重要组成部分。出于这个原因,了解在哪里可以找到WordPress管理员、它

    2025年3月13日
  • Elementor固定顶部栏(网站页眉)的终极指南

    无论您是有抱负的Web开发人员还是电子商务企业家,您的网站都可能共享一些基本要素。例如,每个站点都需要一个清晰的Header来帮助访问者在不同页面之间导航。但是,如果您使用像Elementor这样的页面构建器来减少编码,您可能想知道是否仍然可以制作一个复杂但用户友好的Elementor固定顶部栏(或者成为固定页眉)。幸运的是,使用Elementorhea

    2025年3月13日
  • 如何在WordPress中隐藏页面标题

    你在寻找在WordPress中隐藏页面标题的最佳方式吗?页面标题非常重要,因为在与页面交互之前,它们可以准确简洁地描述页面内容。此外,搜索引擎在对页面进行爬网时使用页面标题来理解页面内容。尽管如此,并不是每一页都需要显示一个标题。例如,您的网站时事通讯页面不需要在前端显示“时事通讯”页面标题。在这篇文章中,我

    2025年3月13日
  • 如何在WordPress中快速复制页面或文章

    有没有想过在WordPress中复制文章或页面?遗憾的是,WordPress没有复制页面的内置方法,但幸运的是,有一个简单易用的插件。只需点击一下,DuplicatePost就可以复制任何页面。这对于创建页面草稿或将现有格式复制到新页面非常有用。现在,让我们开始学习如何在WordPress中复制页面:由于文章复制不是WordPre

    2025年3月13日