在博客上显示最新文章是保持读者参与、增加页面浏览量的绝佳策略。幸运的是,WordPress 让在博客上轻松显示最新文章变得容易。你可以在博客任何位置添加任何分类的最新文章列表:侧边栏、页脚、首页和文章/页面。用简单的 WordPress 小组件或块功能就够了。
读完这篇文章,你会知道如何给 WordPress 博客添加最新文章,让访客更参与你的内容。
给 WordPress 博客添加最新文章的好处
大多数访客会通过搜索引擎、直接访问、营销推广等方式找到你的网站。无论流量来源是什么,他们可能只访问单个页面。查看完他们在网站上寻找的信息后,他们可能离开并永不返回。你在失去把普通网站访客变成忠实粉丝的机会。
为什么不展示一些你最近发布的文章,让访客在网站花更多时间?这会改善站内时间、互动和转化、生成线索、增加收入潜力。给博客添加最新文章小组件有很多好处。你越有创意地使用它,建立忠实粉丝的机会越大。
我们探索在 WordPress 中显示最新文章的各种方式。我们会带你了解在博客上显示最新文章的新手友好方法。我们还会探索一些高级选项。
1. 使用 Gutenberg 块:最新文章
Gutenberg 最新文章块是在 WordPress 网站添加最新文章的最简单方式之一。最新文章 Gutenberg 块是强大的工具,让在 WordPress 网站上显示近期文章变得非常容易。这个块是 WordPress 核心安装的一部分,所以不需要安装任何额外插件。
好消息是,你甚至可以把最新文章块添加到侧边栏。我稍后会展示如何。不过先假设你想把最新文章块添加到文章或页面。可以是新或现有页面/文章。没关系。在 Gutenberg 编辑器中打开文章或页面。点击编辑器工具栏或内容块的 + 号。无论哪种方式,块搜索框都会弹出。

输入并从选项中选择最新文章块。这个块自动显示你最近的文章。默认情况下,它只显示文章标题并预设最近五条。不过,你可以在块自定义器中配置默认设置。有几个选项可以调整来定制外观。以下是一些可以启用或关闭的选项:

- 文章内容:这个选项让你为最新文章块显示和定制摘要。你可以在摘要或完整文章之间选择,并定制字数(仅摘要);
- 文章元信息:这个设置让你显示作者名和发布日期。切换你想要的一个或两个设置;
- 特色图片:想包含文章特色图片吗?在这里打开选项并微调设置:缩略图大小、图片对齐、宽度和高度;
- 项目数量:决定显示多少篇最新文章。默认是五篇,但你可以在这里设置 1 到 100 的数字;
- 排序方式:选择文章出现的顺序(最新优先或最旧优先,A-Z 或 Z-A);
- 分类:你可以指定显示哪个文章分类。不想排除任何分类就留空。因为选择分类会自动排除其他分类的显示;
- 作者:如果有多个博客作者,指定显示哪位作者的文章。否则留空显示所有作者的文章。
除了主要设置,你还可以在网格或列表视图之间选择。该设置可在 Gutenberg 块工具栏上使用。看下面的 GIF,了解如何为 Gutenberg 最新文章块打开网格或列表视图。

对设置满意后,保存页面或文章并预览,看最新文章的样子。点击保存按钮发布更改。就这样,你可以开始了。
使用最新文章块的好处
- 易用:块直观、设置最少;
- 高度可定制:你可以定制块匹配网站设计和内容;
- 移动端友好:块为移动设备优化,确保所有屏幕上的出色用户体验。
使用最新文章 Gutenberg 块,你可以快速轻松地在 WordPress 网站上创建突出最新内容的视觉吸引区块。
2. 在侧边栏/页脚使用最新文章小组件
我展示的第一种方法让你把最新文章块添加到内容正文。这下一个选项让你把它添加到侧边栏、页脚区块或任何其他支持小组件的区域。WordPress 有内置的最新文章小组件,允许在小组件启用区域显示最近发布的文章。
这是向读者展示更多内容的绝佳选项,他们向下滚动页面到页脚区块时会看到。这个方法非常适合偏好传统网站布局(即左/右侧边栏布局)的用户。按以下步骤在 WordPress 侧边栏或页脚启用最新文章:先进入外观点击小组件。如果你有两个或更多活动侧边栏,找到你想添加最新文章小组件的那个。确定后,点击 + 号在框中搜索最新文章。然后点击添加到侧边栏。
现在,就像上面的 Gutenberg 最新文章块定制选项一样,你也可以配置最新文章小组件设置。为此,确保最新文章小组件块激活。这会自动切换到右侧面板的块设置标签页。

在这些设置中,你可以定制作者资料、显示文章日期、特色图片、缩略图设置、摘要数量、列表或网格视图等。你能用 Gutenberg 最新文章块做的所有事情,都能用最新文章小组件做。设置相同。
使用最新文章小组件的好处
- 简单直接:小组件易于设置和使用;
- 可定制:你可以定制小组件匹配网站设计和内容;
- 多功能:小组件可以在网站多个位置使用。
使用最新文章小组件,你可以有效地在网站的突出位置突出最新内容。
3. 使用短代码
使用短代码是在 WordPress 网站显示最新文章的另一种方式。它提供在 WordPress 中展示重要内容的独特高级方法。短代码还提供强大的方式定制最新文章在 WordPress 网站上的显示方式。使用短代码,你可以轻松控制文章的各种方面:显示数量、文章内容和出现顺序。
[recent_posts posts_per_page="5" excerpt_length="50" orderby="date" order="DESC"]
这个短代码显示五篇最新文章,摘要长度为 50 字,按日期降序排列。你可以用专门的 WordPress 最新文章短代码插件(如 Relevant)更进一步。这个插件还有其他用途:显示特色文章、热门文章和带缩略图的相关文章。它还有几个你可能想查看的有用功能。
比如,你可以在内容前后、侧边栏、小组件区域、自定义文章类型等添加代码。你可以定制相关、最新或特色文章标题、分类、标签、元关键词、图片等。这个插件同时适用于经典和 Gutenberg WordPress 编辑器。短代码可以在经典编辑器中显示最新、相关、特色和热门文章。
你可以从后台插件区域或 WordPress.org 仓库下载。需要安装 WordPress 插件帮助的话,查看我们的完整教程。只需从插件设置配置最新文章显示定制来使用插件。选择你想在哪里显示。插件设置提供两个位置:内容前和内容后。

如果你需要在网站其他位置显示最新文章,使用短代码 [bws_latest_posts]。这是我测试时短代码输出的样子。

你可以定制外观匹配自己的网站品牌和偏好。别忘了,插件让你定制:
- 特色图片;
- 位置;
- 摘要;
- 文章日期;
- 作者;
- 阅读时间;
- 评论数。
使用短代码的好处
- 灵活性:短代码让你按需定制最新文章显示;
- 易用:短代码实现简单,可以添加到主题模板的任何位置;
- 强大:短代码可以与其他短代码和 HTML 结合创建复杂布局。
4. 手动向主题添加最新文章
如果你懂 PHP 和 WordPress 开发,可以手动向主题模板添加最新文章。这个方法提供最高级别的定制,但需要更多技术专长。它让你为最新文章外观创建惊艳独特的定制。你可以定义大多数方面:外观、排版、视觉效果、文章元数据、内容等。另外,这个方法不推荐给对 WordPress 了解甚少的新手或对编码了解不多的用户。但如果你愿意尝试,这里是一个显示网站最新文章的 PHP 代码示例:
<?php
$args = array(
'post_type' => 'post',
'posts_per_page' => 5,
'order' => 'DESC',
'orderby' => 'date'
);
$recent_posts = new WP_Query($args);
if ($recent_posts->have_posts()) : while ($recent_posts->have_posts()) : $recent_posts->the_post(); ?>
<div class="recent-post">
<h2><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h2>
<p><?php the_excerpt(); ?></p>
</div>
<?php endwhile; wp_reset_postdata(); endif; ?>
这段代码会检索并显示自定义 HTML 结构中的五篇最新文章。
手动实现的好处
- 完全控制:你对最新文章的显示有完全控制;
- 灵活性:你可以定制 HTML 结构和样式匹配主题设计;
- 性能:手动实现可以潜在改善性能,尤其对大型网站。
要考虑的事项
- 技术专长:手动实现需要扎实的 PHP 和 WordPress 开发理解;
- 备份网站:先确保有网站最近备份。出问题时可以恢复。可以用 Jetpack VaultPress Backup 等插件或检查主机商;
- 子主题:考虑用子主题添加代码。这样更新父主题时不会丢失定制;
- 可维护性:自定义代码随时间难以维护和更新。
如果你熟悉 PHP 和 WordPress 开发,手动向主题添加最新文章可以提供高度定制、高效的方案。不过,对大多数用户来说,前面几节讨论的方法就足够了。再次强调,如果你不擅长编程语言,不要尝试修改主题代码。
总结
显示最新文章是增加互动和页面浏览量的好方式。读者在网站能找到的内容越多,博客价值越好。从简单直观的最新文章 Gutenberg 块到使用短代码和手动 PHP 实现的更高级技术,总有适合你需求和偏好的方案。重要的是使用最适合你需求和经验的方法。不要过度复杂化过程;确保专注优化用户体验。在评论区告诉我你最喜欢的方法。
常见问题解答(FAQ)
最新文章块和最新文章小组件有什么区别?
功能上几乎一样,设置选项也差不多,区别主要在位置。块是插到文章或页面正文里的,小组件则用在侧边栏、页脚这类支持小组件的区域。想放正文就用块,想放侧边栏或页脚就用小组件。
最新文章块默认显示几篇?能改吗?
默认显示最近五篇文章的标题,不过完全可以改。在块设置里有”项目数量”选项,可以填 1 到 100,还能自己决定要不要显示摘要、作者、日期和特色图片。
我只想显示某个分类的最新文章,怎么设置?
在块设置里的”分类”选项指定你想显示的分类就行。选了一个分类之后,其他分类的文章会自动被排除掉;不想限制就留空。
我不会写代码,能用短代码那两种方法吗?
短代码没问题,复制粘贴到编辑器里就能用,不需要懂代码。但最后那种手动往主题加 PHP 代码的方法就别碰了,那需要懂 PHP 和 WordPress 开发,新手搞不好会弄坏网站,用块或小组件最稳妥。
文章显示顺序能调整吗?
能。块设置里有”排序方式”,默认是最新优先,你可以改成最旧优先,或者按标题的 A-Z、Z-A 排序,看你想怎么展示。
手动改主题代码前要注意什么?
先确保有网站最近的备份,出问题能恢复;另外最好用子主题来加代码,不然以后更新父主题,你的定制就全没了。
