WordPress怎么让文章只显示标题

来自:素雅营销研究院

头像 方知笔记
2025年05月23日 11:03

在使用WordPress搭建网站时,有时我们可能希望在某些页面或文章列表中只显示文章的标题,而不显示文章的内容摘要或其他信息。这种需求常见于简洁的导航页面、目录页或特定主题设计中。本文将介绍几种实现这一效果的方法。

方法一:使用主题模板文件修改

如果你对代码有一定的了解,可以通过修改主题的模板文件来实现只显示文章标题的效果。

  1. 找到主题模板文件 通常,文章列表的显示逻辑位于主题的index.phparchive.phpcategory.php等文件中。你可以通过WordPress后台的“外观” -> “主题编辑器”找到这些文件。

  2. 修改循环代码 在模板文件中,找到类似以下的代码块:

<?php while ( have_posts() ) : the_post(); ?>
<h2><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h2>
<?php the_excerpt(); ?>
<?php endwhile; ?>

将其中的the_excerpt()the_content()删除,只保留the_title()部分:

<?php while ( have_posts() ) : the_post(); ?>
<h2><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h2>
<?php endwhile; ?>
  1. 保存并测试 保存修改后的文件,刷新页面查看效果。此时,文章列表应该只显示标题。

方法二:使用插件

如果你不想修改代码,可以通过安装插件来实现这一效果。

  1. 安装插件 在WordPress后台,进入“插件” -> “安装插件”,搜索并安装“WP Show Posts”或“Custom Post Type UI”等插件。

  2. 配置插件 安装并激活插件后,根据插件的说明进行配置。通常,这些插件允许你自定义文章列表的显示方式,包括是否显示标题、摘要、缩略图等。

  3. 应用设置 在插件设置中,选择只显示标题的选项,并应用到相应的页面或文章列表中。

方法三:使用CSS隐藏内容

如果你只想临时隐藏文章内容,而不想修改代码或安装插件,可以通过CSS来实现。

  1. 进入主题自定义 在WordPress后台,进入“外观” -> “自定义” -> “附加CSS”。

  2. 添加CSS代码 在CSS编辑器中添加以下代码:

.entry-content {
display: none;
}

这段代码会隐藏文章的内容部分,只保留标题。

  1. 保存并查看效果 保存CSS代码后,刷新页面查看效果。此时,文章内容将被隐藏,只显示标题。

方法四:使用短代码

如果你希望在特定页面或文章中只显示标题,可以使用短代码来实现。

  1. 创建短代码 在主题的functions.php文件中添加以下代码:
function display_post_titles() {
$args = array(
'post_type' => 'post',
'posts_per_page' => -1,
);
$query = new WP_Query($args);
if ($query->have_posts()) {
while ($query->have_posts()) {
$query->the_post();
echo '<h2><a href="' . get_permalink() . '">' . get_the_title() . '</a></h2>';
}
}
wp_reset_postdata();
}
add_shortcode('post_titles', 'display_post_titles');
  1. 使用短代码 在需要显示文章标题的页面或文章中,插入以下短代码:
[post_titles]

保存后,页面将只显示文章的标题。

总结

通过以上几种方法,你可以轻松实现WordPress文章只显示标题的效果。如果你熟悉代码,推荐使用主题模板文件修改或短代码的方式;如果你更倾向于简单操作,可以使用插件或CSS隐藏内容的方法。根据你的需求选择最适合的方式,让你的网站更加简洁美观。