在使用WordPress搭建网站时,有时我们可能希望在某些页面或文章列表中只显示文章的标题,而不显示文章的内容摘要或其他信息。这种需求常见于简洁的导航页面、目录页或特定主题设计中。本文将介绍几种实现这一效果的方法。
方法一:使用主题模板文件修改
如果你对代码有一定的了解,可以通过修改主题的模板文件来实现只显示文章标题的效果。
找到主题模板文件 通常,文章列表的显示逻辑位于主题的
index.php
、archive.php
或category.php
等文件中。你可以通过WordPress后台的“外观” -> “主题编辑器”找到这些文件。修改循环代码 在模板文件中,找到类似以下的代码块:
<?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; ?>
- 保存并测试 保存修改后的文件,刷新页面查看效果。此时,文章列表应该只显示标题。
方法二:使用插件
如果你不想修改代码,可以通过安装插件来实现这一效果。
安装插件 在WordPress后台,进入“插件” -> “安装插件”,搜索并安装“WP Show Posts”或“Custom Post Type UI”等插件。
配置插件 安装并激活插件后,根据插件的说明进行配置。通常,这些插件允许你自定义文章列表的显示方式,包括是否显示标题、摘要、缩略图等。
应用设置 在插件设置中,选择只显示标题的选项,并应用到相应的页面或文章列表中。
方法三:使用CSS隐藏内容
如果你只想临时隐藏文章内容,而不想修改代码或安装插件,可以通过CSS来实现。
进入主题自定义 在WordPress后台,进入“外观” -> “自定义” -> “附加CSS”。
添加CSS代码 在CSS编辑器中添加以下代码:
.entry-content {
display: none;
}
这段代码会隐藏文章的内容部分,只保留标题。
- 保存并查看效果 保存CSS代码后,刷新页面查看效果。此时,文章内容将被隐藏,只显示标题。
方法四:使用短代码
如果你希望在特定页面或文章中只显示标题,可以使用短代码来实现。
- 创建短代码
在主题的
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');
- 使用短代码 在需要显示文章标题的页面或文章中,插入以下短代码:
[post_titles]
保存后,页面将只显示文章的标题。
总结
通过以上几种方法,你可以轻松实现WordPress文章只显示标题的效果。如果你熟悉代码,推荐使用主题模板文件修改或短代码的方式;如果你更倾向于简单操作,可以使用插件或CSS隐藏内容的方法。根据你的需求选择最适合的方式,让你的网站更加简洁美观。