如何在WordPress页面中添加摘录(逐步教程)

02/16/2023

为什么在WordPress页面中添加摘录?

WordPress有文章和页面作为两种默认内容类型。文章按时间倒序(最新至最旧)显示在你的博客或首页上。而页面是独立的内容,不按时间顺序发布。通常用于像“关于我们”或“联系我们”这样的单次内容。

有时,你可能需要为页面显示摘录。例如,如果你使用页面构建了一个WordPress网站,那么显示摘录可以令人更轻松地浏览内容并查看页面摘要。

在WordPress页面中添加摘录的方法

你可以通过在主题的functions.php文件中添加自定义代码来启用页面摘录功能。不过,即使是细微的代码错误也可能导致你的网站崩溃。另外,如果更换或更新主题,你需要重新添加代码。

这时WPCode插件可以帮助你。这是市场上最好的WordPress代码片段插件,能够安全且轻松地将自定义代码添加到你的网站。首先,你需要安装并激活WPCode插件。激活后,前往WordPress仪表盘中的Code Snippets » + Add Snippet页面。

在‘Create Custom Snippet’页面中,你可以为代码段添加名称,然后从下拉菜单中选择‘PHP Snippet’选项。在‘Code Preview’框中添加以下自定义代码:

add_post_type_support( 'page', 'excerpt' );

完成后,选择‘Auto Insert’模式,并激活代码段。

在WordPress中显示页面摘录的方法

现在你已经为页面添加了摘录功能,接下来是如何在你的WordPress网站上显示这些摘录。为此,你需要在小工具区域或页面中添加一个短代码。首先,安装并激活Display Posts插件。

方法一:在WordPress页面中显示页面摘录。你需要创建一个新页面,然后在页面中添加一个“Shortcode”块,并粘贴以下短代码:

[display-posts post_type="page" include_excerpt="true" excerpt_more="Continue Reading" excerpt_more_link="true"]

发布后访问你的网站查看页面摘录列表。

方法二:在WordPress侧边栏中显示页面摘录。访问外观 » 小工具页面,添加一个“Shortcode”块,并粘贴相同的短代码。

方法三:如果你使用的是块主题,通过WordPress管理侧边栏进入外观 » 编辑器页面,然后添加“Shortcode”块。

附加:在WordPress中显示文章摘录

除了页面之外,显示文章摘录也是一个不错的选择。默认情况下,WordPress在首页、存档页面或博客页面展示完整文章,可能导致大量滚动。如果你的博客不断增长,旧文章会逐渐被推到其他页面而减少浏览量。显示文章摘录可以提供更好的用户体验。

使用经典主题时,可以通过管理侧边栏进入外观 » 自定义页面,并在‘文章内容’部分选择‘摘录’选项。如果主题不支持摘录,可以使用自定义代码或页面构建器添加文章摘录。希望这篇文章帮助你学会在WordPress页面中添加摘录,也许你还想了解如何在WordPress中列出未来即将发布的文章以及每个WordPress博客应该具备的重要页面。



Related Posts

  • 2025-01-31
  • WordPress 插件

通知评论者他们的评论已获批准是在您的网站上鼓励对话的简单而有效的方法。然而,WordPress 默认情况下不会在评论发布时通知用户,这可能导致他们对评论的状态感到困惑。有许多网站拥有者问我们如何解决此问题,因此我们编写了这篇指南来帮助您!在这篇文章中,我们将展示如何轻松通知用户他们的评论已在 WordPress 中被批准,以保持互动积极并吸引更多观众参与。

閱讀更多
  • 2025-01-31
  • WordPress 插件

想知道我们在 WPressize Me 如何通过添加标题属性和 nofollow 标签来改善用户体验和SEO吗?默认的 WordPress 编辑器并不容易提供这些选项。本文将为您简要介绍如何在 WordPress 的插入链接弹出窗口中为链接添加标题和 nofollow 属性选项,以便简化工作流程和提升您的SEO努力。

閱讀更多
  • 2025-01-28
  • WordPress 插件

你是否想在你的WordPress网站上启用Imagick?大多数情况,WordPress会自动使用Imagick来管理所有网站的图像。然而,通过调整默认的Imagick设置,你可以提高网站性能或向访客展示更高质量的图像。在本文中,我们将展示如何在你的WordPress网站上启用Imagick,并自定义其设置以改善访客体验。

閱讀更多

{"email":"Email address invalid","url":"Website address invalid","required":"Required field missing"}
>