在使用WordPress搭建網(wǎng)站時,有時我們可能希望在某些頁面或文章列表中只顯示文章的標題,而不顯示文章的內(nèi)容摘要或其他信息。這種需求常見于簡潔的導航頁面、目錄頁或特定主題設計中。本文將介紹幾種實現(xiàn)這一效果的方法。
方法一:使用主題模板文件修改
如果你對代碼有一定的了解,可以通過修改主題的模板文件來實現(xiàn)只顯示文章標題的效果。
找到主題模板文件 通常,文章列表的顯示邏輯位于主題的
index.php
、archive.php
或category.php
等文件中。你可以通過WordPress后臺的“外觀” -> “主題編輯器”找到這些文件。修改循環(huán)代碼 在模板文件中,找到類似以下的代碼塊:
<?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; ?>
- 保存并測試 保存修改后的文件,刷新頁面查看效果。此時,文章列表應該只顯示標題。
方法二:使用插件
如果你不想修改代碼,可以通過安裝插件來實現(xiàn)這一效果。
安裝插件 在WordPress后臺,進入“插件” -> “安裝插件”,搜索并安裝“WP Show Posts”或“Custom Post Type UI”等插件。
配置插件 安裝并激活插件后,根據(jù)插件的說明進行配置。通常,這些插件允許你自定義文章列表的顯示方式,包括是否顯示標題、摘要、縮略圖等。
應用設置 在插件設置中,選擇只顯示標題的選項,并應用到相應的頁面或文章列表中。
方法三:使用CSS隱藏內(nèi)容
如果你只想臨時隱藏文章內(nèi)容,而不想修改代碼或安裝插件,可以通過CSS來實現(xiàn)。
進入主題自定義 在WordPress后臺,進入“外觀” -> “自定義” -> “附加CSS”。
添加CSS代碼 在CSS編輯器中添加以下代碼:
.entry-content {
display: none;
}
這段代碼會隱藏文章的內(nèi)容部分,只保留標題。
- 保存并查看效果 保存CSS代碼后,刷新頁面查看效果。此時,文章內(nèi)容將被隱藏,只顯示標題。
方法四:使用短代碼
如果你希望在特定頁面或文章中只顯示標題,可以使用短代碼來實現(xiàn)。
- 創(chuàng)建短代碼
在主題的
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]
保存后,頁面將只顯示文章的標題。
總結(jié)
通過以上幾種方法,你可以輕松實現(xiàn)WordPress文章只顯示標題的效果。如果你熟悉代碼,推薦使用主題模板文件修改或短代碼的方式;如果你更傾向于簡單操作,可以使用插件或CSS隱藏內(nèi)容的方法。根據(jù)你的需求選擇最適合的方式,讓你的網(wǎng)站更加簡潔美觀。