WordPress摘要不显示？图解步骤教你3步搞定

自己不会代码想做网站，最怕的就是建好网站后发现内容摘要不显示，明明写了内容，但读者却看不到摘要，这直接影响用户体验和SEO排名。其实，这问题很多人都遇到过，但大多数人不知道怎么解决。今天就用图解步骤，带你看清WordPress摘要不显示的3个原因和对应解决方法，适合零基础用户，不用懂代码也能搞定。

为什么WordPress摘要不显示？

WordPress的摘要（Excerpt）是文章页顶部显示的一段简要内容，用于引导用户点击阅读。但有时候你写了摘要，却发现页面上看不到，那可能有以下三个原因：

1. 没有手动设置摘要内容

WordPress默认情况下，如果你在编辑文章时没有手动填写“摘要”字段，它会自动截取文章内容的前55个字符作为摘要。但如果文章内容太少，或者你没有手动设置，摘要可能就显示为空白。

解决方法：在后台编辑文章时，找到“摘要”框，手动输入你想展示的内容。如果不想手动设置，可以使用插件如“Advanced Excerpt”来自动提取更精确的内容。

2. 主题模板未调用摘要

有些WordPress主题在模板文件中并没有正确调用文章摘要。常见的模板文件如 single.php、archive.php 或 index.php 中，如果没使用 the_excerpt() 函数，摘要就无法显示。

解决方法：你可以通过FTP或WordPress后台的文件编辑器，找到对应的模板文件，搜索是否有 the_excerpt() 函数。如果没有，可以手动添加进去。

3. 摘要字段被隐藏或设置为不可见

有些WordPress插件或主题设置中，可能会隐藏摘要字段，或者默认不展示。这种情况下，即使你写了摘要，也不会显示在前台。

解决方法：检查你使用的主题或插件是否有相关设置，或者尝试更换一个默认主题如“Twenty Twenty-Three”，测试是否能正常显示摘要。

图解步骤：如何设置WordPress摘要显示

接下来我们通过图解步骤，一步步教你如何设置和显示WordPress摘要。这适用于所有使用WordPress搭建网站的用户，不需要任何代码基础。

第一步：编辑文章时填写摘要字段

登录WordPress后台，进入“文章” → “所有文章”。
点击你要编辑的文章，进入编辑页面。
在文章编辑界面右侧，找到“摘要”（Excerpt）字段（如果没有显示，可以点击“屏幕选项”勾选“摘要”）。
在该字段中手动输入你希望显示的摘要内容。
点击“发布”或“更新”保存。

注意：摘要字段不是必须的，但手动设置可以避免自动截取内容带来的不确定性，尤其适用于长文章。

第二步：检查主题是否调用摘要

登录后台，进入“外观” → “主题编辑器”。
在右侧的模板文件列表中，找到你当前使用的主题文件，如 single.php 或 archive.php。
搜索 the_excerpt() 函数，看看是否有调用。如果没有，添加以下代码：

<?php the_excerpt(); ?>

通常这段代码会出现在文章内容附近，如：

<div class="entry-content"><?php the_content(); ?>
</div>

在上方或下方添加 <?php the_excerpt(); ?> 即可。

第三步：使用插件增强摘要显示

如果你不确定主题是否调用摘要，或者不想手动修改代码，可以使用插件增强摘要功能。推荐几个常用的插件：

Advanced Excerpt：支持手动设置摘要，也可以自动提取摘要。
More Excerpts：支持自定义摘要长度，适合多语言站点。
WP Show Posts：在首页或分类页面中显示摘要和缩略图，适合电商类网站。

安装这些插件后，你可以在“设置”中配置摘要显示方式，无需手动编辑模板文件。

WordPress摘要对SEO的影响

很多人不知道，摘要内容对于SEO来说非常重要。根据**中国互联网络信息中心（CNNIC）**发布的《2023年中国网民网络行为研究报告》，摘要内容的优化可以提升文章点击率，进而影响搜索引擎排名。

1. 增加页面停留时间

摘要能够有效引导用户阅读文章内容，延长用户在网站的停留时间，这是搜索引擎衡量网站质量的重要指标之一。

2. 提升文章可读性

清晰的摘要可以帮助读者快速了解文章核心内容，避免用户因摘要内容模糊而离开页面，降低跳出率。

3. 优化搜索引擎摘要展示

如果摘要内容写得好，搜索引擎在抓取页面时，可能会将你的摘要内容显示在搜索结果中，提升点击率。例如，在Google搜索中，摘要内容会出现在文章标题下方，吸引用户点击。

设计规范：摘要模块的视觉与交互设计

虽然我们主要讲解的是技术问题，但摘要模块的视觉设计和用户交互同样重要。以下是摘要模块在设计和实现时应遵循的规范：

1. 摘要模块的设计原则

简洁性：摘要内容应简洁明了，避免使用复杂句子或专业术语，适合快速阅读。
可读性：字体大小建议使用14px-16px，行间距1.5倍，确保用户阅读时不会疲劳。
一致性：摘要模块的排版应与其他内容保持一致，避免视觉混乱。

2. 布局与间距规范

模块宽度：摘要模块建议控制在600px-800px之间，适用于桌面端和移动端。
上下间距：建议与相邻内容之间保留15px-20px的间距，避免内容堆叠。
内边距：模块内部建议设置10px-15px的内边距，提升可读性。

3. 色彩与字体规范

字体颜色：摘要内容建议使用深灰色（#333333），确保与背景颜色对比清晰。
强调文字：如果摘要中有关键词需要强调，可以用加粗或颜色（如蓝色）突出显示。
背景色：摘要模块可以使用浅灰色背景（如#f9f9f9）以区分其他内容。

4. 组件设计与交互优化

折叠/展开交互：可以在摘要下方添加“阅读更多”按钮，用户点击后显示完整内容，提升页面加载速度。
缩略图展示：如果文章配有图片，可以在摘要模块顶部添加缩略图，提升视觉吸引力。
时间戳：在摘要模块右上角添加发布日期，增强信息可信度。

5. 前端实现与代码示例

以下是一个简单的前端HTML + CSS实现摘要模块的示例，适用于大多数WordPress主题：

<div class="post-excerpt"><div class="excerpt-image"><img src="图片路径.jpg" alt="文章缩略图" /></div><div class="excerpt-content"><p><strong>摘要内容：</strong> 本文介绍如何设置WordPress摘要不显示问题，通过图解步骤，帮助零基础用户快速上手。</p><p class="excerpt-date">发布时间：2024年4月5日</p><a href="#" class="read-more">阅读更多</a></div>
</div>

.post-excerpt {width: 750px;margin: 20px auto;padding: 15px;background-color: #f9f9f9;border: 1px solid #ddd;
}.excerpt-image img {width: 100%;height: auto;border-radius: 5px;
}.excerpt-content {font-size: 14px;line-height: 1.6;color: #333;
}.excerpt-date {font-size: 12px;color: #999;margin-top: 10px;
}.read-more {display: inline-block;margin-top: 10px;color: #0073e6;text-decoration: none;font-weight: bold;
}.read-more:hover {text-decoration: underline;
}

通过以上代码，你可以快速创建一个美观且功能完整的摘要模块，适配大多数响应式设计场景。