如何隐藏WordPress文章中「阅读更多」之前的简介文本?
嗨,我来帮你搞定这个需求!要让WordPress的文章列表里不显示「阅读更多」按钮之前的简介文本,有几种实用的方法,你可以根据自己的技术基础和主题情况来选:
方法1:利用主题自带设置(最省心)
很多主流WordPress主题都自带了控制文章列表显示内容的选项,不用碰代码就能解决:
- 进入后台的「外观」→「自定义」
- 找到「博客设置」「文章列表」这类选项(不同主题命名可能不一样)
- 找类似「显示内容类型」的设置,选择「仅显示标题」或者「标题+阅读更多按钮」,取消掉「显示摘要/简介」的选项
- 保存设置后刷新前端页面,应该就看不到简介文本了
方法2:修改主题模板文件(适合有基础的用户)
如果你的主题没有相关设置,可以直接修改主题的模板文件,但一定要先备份主题,或者用子主题修改,避免主题更新后丢失修改:
- 进入后台「外观」→「主题文件编辑器」,或者用FTP工具连接服务器找到主题文件夹
- 找到以下几个可能的文件:
index.php(首页列表)、archive.php(归档页)、content.php(文章内容模板) - 找到输出简介的代码,通常是
the_excerpt()或者包含the_content('阅读更多')的部分- 比如原代码可能是这样:
<div class="entry-summary"> <?php the_excerpt(); ?> <a href="<?php the_permalink(); ?>" class="read-more">阅读更多</a> </div> - 直接删掉
<?php the_excerpt(); ?>这一行,或者把整个输出简介的容器注释掉
- 比如原代码可能是这样:
- 保存修改后刷新页面即可
方法3:用代码片段插件(无需修改主题文件)
不想动主题文件的话,可以用代码片段插件来实现,步骤如下:
- 安装并激活「Code Snippets」插件(或者其他类似的代码管理插件)
- 进入「Snippets」→「Add New」,添加一个新的代码片段
- 输入代码(二选一,根据你的主题情况):
- 如果主题用
the_excerpt()输出简介:function remove_post_excerpt( $excerpt ) { // 在首页、归档页、搜索页清空摘要 if ( is_home() || is_archive() || is_search() ) { return ''; } // 其他页面正常显示摘要 return $excerpt; } add_filter( 'the_excerpt', 'remove_post_excerpt' ); - 如果主题用
the_content()自动生成阅读更多:function remove_content_before_read_more( $content ) { if ( is_home() || is_archive() || is_search() ) { // 只保留阅读更多链接 return '<a href="' . get_permalink() . '" class="read-more">阅读更多</a>'; } return $content; } add_filter( 'the_content', 'remove_content_before_read_more' );
- 如果主题用
- 给片段起个名字(比如「移除文章列表简介」),然后点击「Activate」激活即可
方法4:CSS视觉隐藏(快速临时方案)
如果只是想临时隐藏简介文本,不用改变功能逻辑,可以用CSS实现:
- 进入后台「外观」→「自定义」→「额外CSS」
- 添加以下代码(注意替换成你主题实际的类名,可通过浏览器开发者工具查看):
/* 隐藏简介容器 */ .entry-summary, .post-excerpt { display: none !important; } - 保存后刷新页面,简介文本就会被隐藏,但注意这只是视觉上的隐藏,源码里还是会存在,如果需要彻底移除,建议用前面的方法
内容的提问来源于stack exchange,提问作者albian
相关产品推荐
相关产品推荐

