如何自定义 WordPress 文章摘录(无代码)

已发表: 2022-08-25

您想自定义您的 WordPress 文章摘录吗?

摘录是完整帖子的简短预览,您可以在博客页面、小部件区域和 WordPress 网站的其他页面上显示这些帖子。

在本文中,我们将向您展示如何在不编写任何代码的情况下自定义您的 WordPress 帖子摘录。

何时使用 WordPress 文章摘录

首先,让我们谈谈为什么在您的 WordPress 网站上自定义摘录是个好主意。

当您发布博客文章时,WordPress 将在您的主页、博客页面和档案中显示完整的文章内容。 不幸的是,这会减慢您的网站并影响您的搜索引擎排名,因为您将在多个页面上拥有相同的内容。

但是,如果您使用摘录,则不会显示完整的文章。 相反,您的网页将显示一个带有简短帖子内容片段的摘录框,从而避免重复内容和页面速度问题。

使用摘录的一些最佳位置包括:

  • 您的主页(如果显示帖子)
  • 标签和类别的存档页面
  • 你的博客页面,如果你有一个静态主页

如果您使用的是现代 WordPress 主题,它可能支持摘录并将其内置到其设置中。 许多主题还允许您自定义摘录功能,让您选择在哪里显示摘录而不是完整帖子。

为什么要在 WordPress 中自定义帖子摘录?

一些 WordPress 主题会自动为帖子生成摘录。 默认情况下,WordPress 使用帖子开头的 55 个单词作为片段,尽管其他主题可能会显示更多。

但是,如果您在帖子介绍之前有内容,这可能是一个问题。

由于自动生成的摘录以帖子开头的任何文本开头,因此它可能包含不必要的内容,例如您的元描述、图片来源等。

这是我们的意思的一个例子:

核糖体主题中显示的帖子摘录

如您所见,帖子开头的额外细节看起来并不专业,并且可能会使您的网站访问者感到困惑。

如果您当前的 WordPress 主题不能很好地处理摘录,您可能需要自定义它们。 这样,它们将更容易阅读并产生更多的帖子点击。

既然您知道摘录是什么,让我们看看在您的网站上自定义它们的不同方法。

如何自定义 WordPress 文章摘录

在下面的步骤中,我们将分享 3 种自定义 WordPress 帖子摘录的方法。

第一种方法将向您展示如何创建自定义 WordPress 主题(无代码)并使用简单的点击设置来添加自定义摘录。 第二种方法将向您展示如何使用默认的 WordPress 编辑器来自定义帖子摘录。

然后,最后一种方法向您展示如何编辑主题文件以手动显示自定义帖子摘录。

单击下面的链接以跳转到最适合您需求的方法。

  • 1. 为您的主题添加自定义 WordPress 帖子摘录
    • 2. 在 WordPress 编辑器中添加自定义摘录(默认)
    • 3. 使用代码手动自定义 WordPress 主题摘录

      1. 为您的主题添加自定义 WordPress 帖子摘录

      如果您当前的 WordPress 主题不包含自定义 WordPress 帖子摘录的功能,您可能不知道下一步该做什么。 您应该更改 WordPress 主题还是手动将摘录编码到主题文件中?

      幸运的是,还有第三种选择。 您可以使用 SeedProd 构建自定义 WordPress 主题,并单击几下自定义摘录。

      SeedProd WordPress website builder

      SeedProd 是最好的 WordPress 网站建设者。 使用这个强大的插件,您可以从头开始创建 WordPress 主题并为您的商业网站添加自定义功能,包括:

      • 响应式登陆页面
      • 自定义侧边栏
      • 自定义帖子摘录
      • 潜在客户生成表格
      • 倒数计时器
      • 即将推出和维护模式
      • 产品页面
      • 和更多。

      更重要的是,SeedProd 不需要代码、设计或技术专业知识。 它将自动生成所有主题模板文件,允许您使用其拖放页面构建器自定义您的 WordPress 主题。

      单击此处开始使用 SeedProd,然后按照此分步指南创建自定义 WordPress 主题。 之后,您可以按照这些说明将可自定义的帖子摘录添加到您的新主题中。

      编辑您的博客页面模板

      使用 SeedProd 创建 WordPress 主题后,从 WordPress 管理员转到SeedProd » Theme Builder屏幕。 在此页面上,您将看到构成新主题的模板列表。

      Edit blog page theme file with SeedProd

      您可以使用 SeedProd 的可视化编辑器直观地自定义每个模板。

      接下来,滚动列表直到您看到博客、索引、档案、搜索模板文件,然后单击编辑设计链接。

      自定义 WordPress 文章摘录

      现在,模板将在实时页面构建器中打开,您可以在其中指向并单击以自定义其外观和功能。

      Blog page tempalte in SeedProd's drag-and-drop builder

      此模板的布局取决于您在选择网站工具包时选择的设置。 默认情况下,您的博客页面模板将显示以下元素:

      • 标题
      • 档案标题
      • 帖子

      要自定义您的帖子摘录,请单击实时预览上的帖子块。 完成后,您将在屏幕左侧看到块设置。

      SeedProd posts block settings

      在此面板中,您可以选择在用户访问您的博客页面时向他们显示的内容。 例如,您可以按查询类型列出博客文章、更改列布局、显示分页、显示特色图片和调整标题标签。

      您还可以通过打开或关闭“显示摘录”开关在同一面板中显示或隐藏帖子摘录。

      Turn on the Show Excerpt toggle in SeedProd's post block

      将切换开关转到“打开”位置后,您可以通过输入自定义字符数来更改摘录长度。 您还可以启用阅读更多链接并自定义其文本。

      Customize excerpt 'read more' link text

      如果您对自定义帖子摘录感到满意,请单击屏幕右上角的保存按钮。

      请记住:要在网站前端显示您的更改,您需要启用您的 SeedProd 主题。 您可以通过转到SeedProd » Theme Builder并将“启用 SeedProd 主题”切换到“打开”位置来做到这一点。

      Enable your SeedProd theme

      现在您可以在您的网站上实时查看您的自定义 WordPress 帖子摘录。

      WordPress post excerpt example

      2. 在 WordPress 编辑器中添加自定义摘录(默认)

      如果您不想更改 WordPress 主题,可以使用默认的 WordPress 块编辑器添加自定义帖子摘录。

      首先,编辑现有的 WordPress 帖子或创建一个新帖子。

      在 WordPress 内容编辑器中,您应该会在右侧面板中看到“摘录”下拉菜单。 单击向下箭头以展开自定义摘录框。

      WordPress帖子摘录面板

      现在,您可以在框中键入您的自定义帖子摘录。 例如,您可以复制帖子的第一段并粘贴。

      自定义 WordPress 文章摘录框

      单击“发布”或“更新”按钮以保存您的更改,然后您可以在预览您的网站时看到您的摘录。

      WordPress帖子摘录示例

      专业提示:如果您是经典编辑器,请单击右上角的“屏幕选项”选项卡。 然后,勾选“摘录”框。 之后,您将在您撰写帖子的区域下方看到一个节选部分。

      3. 使用代码手动自定义 WordPress 主题摘录

      如前所述,大多数现代主题都内置了对自定义帖子摘录的支持,但有些可能没有。 如果您当前的主题是这种情况,则必须通过创建子主题并添加代码来手动修改主题文件。

      如果您不喜欢编辑主题文件,您可以使用本文中的方法 1,该方法不需要代码。

      首先,您需要找到您的子主题用于显示帖子的模板文件。 查看有关 WordPress 模板层次结构的本指南,了解您需要的文件。

      文件名可能因主题而异。 但是,您最有可能在寻找 home.php、content.php、archive.php 和 category.php 文件。

      在每个文件中,您需要找到这一行:

      <?php the_content(); ?>
      

      接下来,将其替换为 _excerpt 标记,如下所示:

      <?php the_excerpt(); ?>
      

      在您的网站上预览摘录之前,请记住更新您的文件以保存您的更改。 如果您遇到错误,请按照以下步骤修复未显示的 WordPress 摘录。

      而已!

      下一步

      在本指南中,您学习了如何自定义 WordPress 帖子摘录。 这里还有一些您可能会觉得有用的教程:

      • 如何在准备好之前隐藏您的 WordPress 网站
      • 什么是购物车遗弃(以及如何解决)
      • WordPress 陷入维护模式? 以下是如何快速修复它……

      谢谢阅读。 请在 YouTube、Twitter 和 Facebook 上关注我们,获取更多有用的内容来发展您的业务。