一文搞懂wordpress怎么设置只显示摘要

一文搞懂wordpress怎么设置只显示摘要

域名和服务器配置搞不定,是很多站长在折腾 WordPress 时最先撞上的南墙。明明代码写对了,页面却显示一片空白,或者摘要乱码,背后往往是环境配置没跟上。

别慌,今天咱们就一文搞懂这个高频痛点。不扯虚的,直接从最基础的域名解析、SSL 证书配置聊起,再深入 WordPress 后台和代码层面,手把手教你实现列表页只显示摘要,而不是整篇长文。

为什么你的摘要显示不出来?

1. 是域名解析问题还是服务器环境报错?

很多新手一遇到摘要不显示,就以为是 WordPress 设置错了,其实得先看底层。域名服务器搞不懂,是 80% 故障的根源。

如果你的域名没有正确解析到服务器 IP,或者 DNS 记录(A 记录/CNAME)没生效,浏览器根本连不上你的站点,更别提加载摘要内容了。检查方法很简单:在命令行输入 nslookup 你的域名,看返回的 IP 是否与你服务器提供商分配的一致。

另外,服务器环境也很关键。WordPress 对 PHP 版本有要求,目前主流推荐 PHP 7.4 或 8.0 以上。如果服务器 PHP 版本过低,某些插件或主题函数可能无法执行,导致 the_excerpt() 函数失效。登录你的主机控制面板(如 cPanel 或宝塔),检查 PHP 版本设置。

2. SSL 证书缺失导致内容加载不全?

如果你发现文章标题能出来,但摘要部分空白,或者是浏览器提示“不安全”,这极可能是 SSL 证书 的问题。

HTTPS 是现代网站标配。如果证书安装失败、过期,或者域名与证书不匹配,浏览器可能会拦截部分资源加载,导致 JavaScript 或 CSS 异常,进而影响摘要的正常渲染。

实操步骤:

  1. 访问 SSL Labs 测试你的域名。
  2. 如果评分为 C 或 D,说明证书配置有问题。
  3. 在服务器端重新部署证书,确保覆盖主域名及 www 子域名。
  4. 在 WordPress 后台,“设置” -> “常规”,将 WordPress 地址和站点地址改为 https:// 开头。

记住,中国互联网络信息中心(CNNIC) 发布的互联网发展统计报告也指出,安全性已成为用户访问网站的核心考量因素之一。没有 HTTPS 的站点,不仅 SEO 权重低,用户体验也大打折扣,摘要显示异常往往只是冰山一角。

WordPress 后台如何设置只显示摘要?

3. 通过“自定义摘要”字段手动控制?

这是最基础、最可控的方法,适合内容结构固定的企业站或博客。

WordPress 默认行为是:如果你没有写摘要,系统会自动截取文章前 55 个词作为摘要。如果你想完全自定义,可以这样做:

具体步骤:

  1. 进入 WordPress 后台,点击“文章” -> “全部文章”,编辑目标文章。
  2. 在编辑器右侧侧边栏,找到“摘要”(Excerpt)栏目。如果没看到,点击顶部“屏幕选项”,勾选“摘要”。
  3. 在摘要框内输入你想要显示的简短介绍。
  4. 保存文章。

注意: 这种方法需要你每篇都手动填写,工作量巨大。如果你的列表页模板调用了 the_excerpt(),那么这里填写的内容就会直接显示在首页或分类页。

4. 使用插件实现自动截取与格式化?

手动填写太累?那就用插件。市面上有很多 SEO 插件或摘要插件,比如 Yoast SEO 或 WP All Import,它们都能辅助管理摘要。

以 Yoast SEO 为例:

  1. 安装并激活 Yoast SEO 插件。
  2. 编辑文章时,向下滚动到“SEO”栏目。
  3. 在“文章描述”(Article Description)中填写摘要。
  4. 确保你的主题代码中,在需要显示摘要的地方,优先调用 Yoast 的描述字段,或者使用兼容函数。

更专业的方案: 使用 Advanced Excerpt 插件。它允许你设置自动截取的字数、结尾符号(如“...阅读更多”),甚至支持从特定 HTML 标签(如 <p class="summary">)中提取摘要。

操作步骤:

  1. 安装 Advanced Excerpt 插件。
  2. 进入“设置” -> “Advanced Excerpt”。
  3. 选择“Automatic”(自动)或“Custom”(自定义)。
  4. 设置截断长度为 100 字左右,结尾加上 <a href="...">阅读全文</a>。
  5. 保存设置。

这样,所有未手动填写摘要的文章,都会自动生成格式统一的摘要,极大减轻维护负担。

代码层面如何实现精准控制?

5. 修改主题文件中的 the_excerpt() 调用?

如果你想彻底摆脱对插件的依赖,或者需要更复杂的逻辑,直接改代码是最稳妥的。

找到你的主题文件,通常是 index.php、archive.php 或 home.php,搜索 the_excerpt。

原始代码可能是:

<?php the_excerpt(); ?>

修改为自定义长度:

<?php
// 获取文章摘要,如果没有则截取内容前 80 个字
$excerpt = get_the_excerpt();
if ( empty( $excerpt ) ) {$content = get_the_content();$excerpt = wp_trim_words( $content, 80, '... <a href="' . get_permalink() . '">阅读全文</a>' );
}
echo $excerpt;
?>

解释:

  • get_the_excerpt():获取已设置的摘要。
  • get_the_content():获取完整正文。
  • wp_trim_words():WordPress 内置函数,按词数截断,避免截断到半句话。
  • get_permalink():获取文章链接,方便添加“阅读更多”按钮。

重要提示: 修改主题文件前,务必备份!或者使用子主题(Child Theme),这样升级主题时不会丢失修改。

6. 如何在列表页隐藏“阅读全文”链接?

有时候,你只想显示纯文本摘要,不要那个蓝色的“阅读全文”链接,让页面更简洁。

方法一:CSS 隐藏 在主题的 style.css 或子主题样式表中添加:

.entry-summary .more-link {display: none;
}

这是最简单、无风险的方法。

方法二:PHP 过滤 如果你希望彻底不输出这个标签,可以使用 add_filter 钩子。在子主题的 functions.php 中添加:

function remove_excerpt_more_link( $more ) {return '';
}
add_filter( 'excerpt_more', 'remove_excerpt_more_link' );

这样,the_excerpt() 输出时就只包含纯文本摘要,没有任何附加链接。

响应式设计与移动端体验优化

7. 手机端摘要显示过长怎么办?

很多站长在电脑上看着完美,一到手机上看,摘要占了半屏,体验极差。这是因为 wp_trim_words 是按“词”计算,而中文没有空格,导致中文截断逻辑与英文不同。

解决方案:

  1. 调整截断长度: 针对移动端,可以通过 CSS 媒体查询控制显示行数,或者在 PHP 中判断用户代理(User Agent),对移动端使用更短的截断长度(如 50 字)。
  2. CSS 多行截断: 更优雅的方式是使用 CSS 的 -webkit-line-clamp 属性。

代码示例:

.entry-summary {display: -webkit-box;-webkit-line-clamp: 3; /* 显示3行 */-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;
}

这样,无论摘要多长,在移动端最多只显示 3 行,多余部分用省略号代替,既美观又节省屏幕空间。

8. 如何确保摘要在 SEO 中不被忽略?

摘要虽然主要给用户看,但对 SEO 也有间接影响。如果列表页摘要与文章正文高度重复,搜索引擎可能判定为内容单薄。

建议:

  1. 差异化内容: 摘要应概括核心观点,而非简单复制开头。
  2. 添加 CTA: 在摘要末尾加入行动号召,如“点击查看完整案例”、“获取免费报价”,提升点击率(CTR)。
  3. 结构化数据: 如果可能,通过插件输出 Article 结构化数据,让搜索引擎更准确地理解你的内容。

注意: 不要为了 SEO 而在摘要中堆砌关键词。Google 的算法越来越智能,过度优化会被降权。保持自然、通顺,才是长久之计。

常见故障排查与进阶技巧

9. 摘要出现乱码或 HTML 标签未过滤?

如果你发现摘要里出现了 <p>、<br> 等 HTML 标签,或者乱码,说明代码没有正确过滤。

原因: the_content 包含 HTML,而 the_excerpt 应该只包含纯文本。如果你在 PHP 中直接 echo get_the_content(),就会显示 HTML 标签。

修复: 使用 strip_tags() 函数去除 HTML 标签,或使用 wp_trim_words(),它会自动处理部分格式问题。

代码修正:

$content = get_the_content();
$content = strip_tags( $content ); // 去除所有 HTML 标签
$excerpt = wp_trim_words( $content, 80, '...' );
echo $excerpt;

乱码问题: 检查文件编码是否为 UTF-8。在保存 PHP 文件时,选择 UTF-8 无 BOM 格式。同时,确保数据库字符集也是 utf8mb4,以支持 Emoji 等特殊字符。

10. 如何批量修改已有文章的摘要?

如果你的网站已经有几百篇文章,没有填写摘要,现在想统一设置,怎么办?

方案一:使用插件 安装 Bulk Edit Excerpt 或类似插件,可以批量导入或生成摘要。

方案二:使用 SQL 脚本 如果你懂一点数据库操作,可以直接在 phpMyAdmin 中执行 SQL 语句。

示例:

UPDATE wp_posts 
SET post_excerpt = LEFT( post_content, 200 ) 
WHERE post_type = 'post' 
AND post_excerpt = '';

警告: 操作数据库前,务必备份!LEFT 函数按字符截取,可能截断到半句话,建议人工检查或配合 PHP 脚本使用。

总结与互动

搞定 WordPress 摘要显示,核心在于分层处理:

  1. 底层: 确保域名解析、SSL 证书、服务器环境正常。
  2. 中层: 通过后台或插件设置自动/手动摘要。
  3. 上层: 通过代码和 CSS 优化显示效果,适配移动端。

不要小看摘要这个细节。它是用户进入文章前的“第一印象”,直接影响跳出率和点击率。在竞争激烈的搜索引擎结果页中,一个清晰、吸引人的摘要,可能让你的点击率提升 20% 以上。

你的网站用的什么技术栈?评论区聊聊,看看有多少同行也在为摘要显示头疼。或者,你还有什么建站难题?留言告诉我,下期我们继续拆解。

关于作者

这些文章,出自一支真正写代码的设计团队

本文由迪森泰设计建站团队撰写。我们不是坐而论道的行业观察者,而是每天都在为空间、视觉、工艺类设计企业亲手搭建官网的人。文章里的每一个观点,背后几乎都对应着我们真实交付过的项目、踩过的坑,以及和客户反复确认过的细节。

团队由资深 UI 设计师、前端开发工程师与品牌策略师组成,不把项目层层转包。你在这篇文章里读到的方法论,就是我们正在用来给客户做官网的同一套标准。

  • 420+ 项目沉淀

    文章结论来自大量真实设计官网的交付经验。

  • 8 年专注建站

    2018 年至今只做设计美学建站这一件事。

  • 不转包

    设计与开发是同一群人,观点不会在转述中走样。

迪森泰设计建站核心团队成员
延伸阅读

读完这篇,你可能还想了解

这篇文章只是起点。无论你是想把方法落地成自己的官网,还是想升级现有站点,都可以顺着下面的问题继续。若仍没有答案,直接联系我们,团队会按你的具体情况给建议,而不是泛泛而谈。

文章里说的方法,我可以直接照搬到自己的网站吗?

思路可以参考,但每个网站的行业、作品与现状都不同。建议先预约一次沟通,我们结合你的具体情况判断哪些做法适用、哪些需要调整,避免照搬后走样。

我已经有官网了,也适用这些建议吗?

适用。无论你是想升级旧站,还是只优化其中几个页面,文章里的版式、SEO 与性能原则都同样成立。我们也提供局部改造与全站重构两种方式。

可以让你们根据这篇文章,帮我做一个类似的官网吗?

当然可以,而且这正是我们擅长的。联系我们说明你的设计领域与参考方向,我们会给出原创、不撞款的方案,而不是照抄任何现有网站。

看完文章还是有疑问,该问谁?

拨打 400-668-8866 或留言即可,工作日 09:00-18:30 有人对接。你也可以先浏览下方推荐阅读,很多疑问会在相关文章里找到答案。

文章提到的服务,大概需要多少预算?

按原创页面数量与功能复杂度分基础版、专业版与定制版,具体见服务报价页。需求对齐后我们会给明确报价,中途不隐形加价。

我可以先看案例、再决定要不要聊吗?

当然。欢迎先浏览项目案例与设计作品,也可以先约一次沟通,我们按你的行业讲类似项目,不会催你立刻签约。

为什么是我们

读得到的方法论,做得出的作品

我们不只写文章,更把同一套标准落到每一个交付的官网上。原创不撞款、专人全程负责、上线后持续运维——这是我们对每一位设计客户的承诺。

  • 原创页面骨架

    拒绝通用三段式模板,为你的行业独立设计版式。

  • 美学有底线

    留白、配色、字号层级按设计行业审美标准打磨。

  • 上线后仍在

    安全巡检、内容更新与栏目拓展持续跟进。

  • 把这篇文章,变成你官网的下一步

    与其停留在"看完觉得有道理",不如让专业团队帮你落地。预约一次免费设计沟通,我们按你的行业给出可执行建议。