当前位置:首页 > CMS教程 > 正文

WordPress如何仅显示标题和摘要?

在WordPress后台的主题自定义设置中,找到“博客/归档页显示设置”,将“内容类型”改为“即可,也可安装摘要管理插件(如Advanced Excerpt)控制显示内容。

在WordPress网站上仅显示文章标题和摘要(,是提升用户体验和SEO表现的有效方式,这种布局能加快页面加载速度、降低跳出率,并让读者快速定位感兴趣的内容,以下是四种专业方法,涵盖不同技术需求:

▌ 方法一:使用原生摘要功能(推荐新手)

WordPress内置摘要系统最适合初学者:

  1. 开启摘要功能:编辑文章时,在”框(位于正文编辑器下方)输入自定义摘要,若未显示,点击右上角”屏幕选项”勾选”
  2. 修改主题文件
    • 通过外观 → 主题文件编辑器打开index.phparchive.php
    • 查找代码<?php the_content(); ?>
    • 替换为:<?php the_excerpt(); ?>

SEO优势:自动生成的摘要会去除HTML标签,使爬虫更易抓取核心内容,降低重复内容风险

WordPress如何仅显示标题和摘要?  第1张

<h3 class="method-title">▌ 方法二:自定义摘要长度(代码优化)</h3>
<div class="method-content">
  <p>若需控制摘要字数,在子主题的<code>functions.php</code>添加:</p>
  <pre>&lt;?php

function custom_excerpt_length( $length ) {
return 35; // 摘要显示35个单词
}
add_filter( ‘excerpt_length’, ‘custom_excerpt_length’ );

function excerpt_more( $more ) {
return ‘…’; // 替换默认[…]符号
}
add_filter( ‘excerpt_more’, ‘excerpt_more’ );
?>

操作指南

  1. 通过外观 → 主题文件编辑器修改functions.php
  2. 粘贴上述代码(数字35可按需调整)
  3. 搭配方法一的the_excerpt()标签使用
<h3 class="method-title">▌ 方法三:插件自动化(非技术用户首选)</h3>
<div class="method-content">
  <p>推荐安装以下经过验证的插件:</p>
  <div class="plugin-grid">
    <div class="plugin-card">
      <h4>️ Advanced Excerpt</h4>
      <p>安装后通过<code>设置 → Advanced Excerpt</code>控制:</p>
      <ul>
        <li>摘要长度(字符/单词数)</li>
        <li>保留特定HTML标签(如加粗、列表)</li>
        <li>自定义"阅读更多"文字</li>
      </ul>
    </div>
    <div class="plugin-card">
      <h4>️ WP Code Snippets</h4>
      <p>在<code>代码片段 → 添加新片段</code>中插入:</p>
      <pre>add_filter('the_content', 'trim_content');

function trim_content($content) {
if (is_archive())
return wp_trim_words($content, 40);
return $content;
}

0